Anant
Anant

Reputation: 57

Problem working with jQuery

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! :)

Upvotes: 0

Views: 66

Answers (2)

Alex Martelli
Alex Martelli

Reputation: 882751

You seem to be confusing the form of the script tag that goes:

<script type="text/javascript">

with the one that goes:

<script language="javascript">

(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;-).

Upvotes: 3

hookedonwinter
hookedonwinter

Reputation: 12666

I doubt it's the problem, but trying changing your function name from hide(), which is a jQuery function, to something else like hideDiv()

Since hide() isn't being used with the jQuery tag ($.hide()) I doubt this is the issue, but worth a shot I guess.

Upvotes: 0

Related Questions