And here's the URL again:
http://dl.getdropbox.com/u/21984/menu_test/menu_test.html
On Jan 10, 11:56 am, "jQuery Lover" <ilovejqu...@gmail.com> wrote:
> 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:
