jQuery for some reason isn’t working.I’d like to know what the problem is.Here is my code :
<script language="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script language="text/javascript">
function hide() {
$("#Layer1").hide("fast");
}
</script>
<style type="text/css">
<!--
body {
background-color: #000000;
}
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 179px;
top: 3px;
}
#Layer2 {
position:absolute;
width:101px;
height:80px;
z-index:2;
left: 570px;
top: 473px;
}
-->
</style></head>
<body>
<div id="Layer1"></div>
<div id="Layer2" onclick="hide()"></div>
</body>
</html>
Thanks! 🙂
You seem to be confusing the form of the
scripttag that goes:with the one that goes:
(see e.g. here for some explanation). Why not fix your tags to use just
type=instead? Not sure whether that’s all your problem (after spotting this one I think it needs to be fixed even if there were others;-) but it’s confusing me and could be confusing your browser;-).