Я загрузил свой сайт в другие браузеры, и эффект fadein / out меню, кажется, работает только в FF и опере. Он не работал в IE (7-9), Safari или Chrome. Для этих браузеров у него был эффект показать / скрыть вместо исчезновения. вот мой сайт .
JS:
var delay = 100;
var fade = 400;
$j(function(){
var inner="";
$j('#access-navi .sub > a').toggle(function(){
inner=$j(this).parent().find('ul li');
inner.each(function(i){
$j(this).delay(i*delay).fadeIn(fade);
});
},function(){
inner.fadeOut(fade/2);
});
});
HTML:
<div id="access-navi" role="navigation">
<ul>
<li><a href="">Home</a></li>
<li class="sub"><a href="#">Code</a>
<ul>
<li><a href="">Html.Css</a></li>
<li><a href="">Java</a></li>
<li><a href="">jQuery</a></li>
<li><a href="">Php</a></li>
</ul>
</li>
</ul>
<div class="clear"></div>
</div>