jQuery Einblenden/Ausblenden NUR in FF und Opera

Question

Ich habe meine Seite in andere Browser geladen und der Menü-Ein-/Ausblendeffekt scheint nur in FF und Opera zu funktionieren. Es funktionierte nicht in IE (7-9), Safari oder Chrom. Für diese Browser hatte es einen Ein-/Ausblenden-Effekt anstatt zu verblassen. Hier ist meine site.

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> 

Answer 1

Wenn Sie nicht 1.4.2 auf jQuery Version verheiratet sind, dann empfehle ich Version 1.4.4. Ich habe Ihre Seitenquelle heruntergeladen, die jQuery-Version in 1.4.4 geändert, die auf dem Google CDN gehostet wurde, und die Ein- und Ausblendung funktionierte lokal auf meiner IE8-Installation.

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js?ver=1.4.4'></script>