I suggest you take the other way. We shall not forget about beloved
CSS :) Try this:
$(document).ready(function(){
$('#nav li')
.bind('mouseenter mouseleave', function(){
$(this).toggleClass('menu-on');
});
});
====================
In your CSS file add:
#nav div{
display:none;
}
#nav .menu-on div{
display:block;
}
Drawback is if the user is on <li> while page is being he will not see
the div at first. He will need to move his mouse out and then in. To
workaround this problem we can add an extra .hover() event listener to
li's ...
Read jQuery HowTo Resource - http://jquery-howto.blogspot.com
On Sat, Jan 10, 2009 at 9:12 PM, Ted <theodorew...@gmail.com> wrote:
>
> Sorry, very new to Jquery (and not that skilled at js to begin with).
>
> I think I follow what you are saying, but not having a good grasp of
> the jquery syntax, I'm not sure exactly how to properly execute.
> Here's what I came up with, but it's not working, so I know there's a
> problem somewhere, but am unable to fix:
>
