trying to hide element on hover
Could someone quickly take a look at this code and tell me if I messed up something in the syntax?
I'm simply trying to hide a div when a menu item is hovered over to get around a z-index problem in ie6.
My text editor (MS Visual Web Developer) is telling me that there is a problem with the final two sets of brackets/parentheses (in addition to my not being able to get it to work). When I hover over the squiggly underline that indicates that there's a problem, it says that it "expects a comma or parenthesis" on the penultimate set and simply "syntax error" on the final one.
Any thoughts would be greatly appreciated!
Oh, and here's the site if you want to take a look.
http://planadviser.com/MagazineIndex.aspx
The area of concern is the dropdown menu generated from the main nav that comes down over the "Archives" box. In ie6, the "select year" section pokes through and obscures the dropdown.
Thanks in advance!
-
$(document).ready(function(){
$(".subnav li a").hover(
function(){
$("#archive-search-box").css("visibility","hidden");
},
function(){
$("#archive-search-box").css("visibility","visible");
}
});
});