Tried on chrome and ie. Mouse was on first menu item while loading. Showed up and worked just fine afterwards.
Try to clear your cache or something... maybe your browser is reading from the cache or like I once had this most stupid mistake of mine when I was correcting local file and refreshing my browser for the file on my server. Believe or not, I had to take a walk to notice the problem :)))) ---- Read jQuery HowTo Resource - http://jquery-howto.blogspot.com On Mon, Jan 12, 2009 at 11:03 PM, Ted <theodorew...@gmail.com> wrote: > > 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:
