jQuery Menu Help -


i trying create jquery nav menu slides down show child ul when hover , fadeout when mouse moved off , have following code acts different in different browsers.

hoping guys can spot problem.

    jquery(document).ready(function(){   // menu effects  this.navli = jquery('nav ul li').children('ul').hide().end();   this.navli.hover(function() {    // mouseover   jquery(this).find('> ul').stop(true, true).slidedown(300);   }, function() {    // mouseout    jquery(this).find('> ul').stop(true, true).fadeout(300);     }); }); 

ie7 , 8 slide , fadeout works ff slide works fadeout not work chrome slide works first time , second time doesn't work , fadeout not work @ all

safari same chrome both webkit...

let me know if guys know why..most appreciated.

most problem initial selector. should jquery('#nav ul li') if nav element id or jquery('.nav ul li') if it's class. see stripped down example based on code here.


Comments

Popular posts from this blog

asp.net - repeatedly call AddImageUrl(url) to assemble pdf document -

java - Android recognize cell phone with keyboard or not? -

iphone - How would you achieve a LED Scrolling effect? -