ドロップダウンのjQueryアニメーションがぎくしゃく、遅く応答しません

Question

ドロップダウンメニューにかなり簡単なアニメーションがありますが、これはたくさんの地獄を揺さぶっているようですが、非常に頻繁に反応しなくなります。 FirefoxとInternet Explorerで発生します。

jQueryのコードを使用：

$(".optionslink").hover(function() { 
     $(".dropdown").stop(true,true); 

     $(".dropdown").animate({opacity: 100, top: '30px'},200); 
     $(".optionslink").css("background-color","#444"); 
    }, function() { 
     $(".dropdown").animate({top: -$(".dropdown").height(), opacity: 0}, 400); 
     $(".optionslink").css("background-color","transparent"); 
    } 
); 

HTML：

<div class="optionslink" style="background-color: transparent;">         
    <a class="optionslinka" href="">Options <img alt="" src="/web/resources/graphics/lightdownarrow.gif"></a> 
    <div class="dropdown" style="opacity: 0; top: -86px;"> 
     Drop down text/links here       
    </div>       
</div> 

誰でもいくつかのアドバイスを提供することはできますか？

Answer 1

画像を削除すると、パフォーマンスが向上しますか？古いブラウザでは、そのような「動いている」画像をレンダリングすると、ボトルネックとして作用する可能性があります。あなたはCSSの背景画像として試すことができる方法はありますか？ 「ライトダウンアロー」のような名前が付いていますが、それは非常に大きなイメージではないと思います。

EDIT：jsfiddleここからhttp://jsfiddle.net/J7QuV/私はちょうどIETesterでIE7でも走らせました。また、非常に高速です。IE7のJS実装はFFよりもはるかに遅いと思います。

これはどんなコンテンツですか？それは私がテストで欠けている部分かもしれません。