IE7 jQueryアコーディオンと背景色の問題

Question

IE7でjQuery Accordion Controlに問題があります。

アコーディオンは、含まれている要素に背景色のスタイルを追加するまでうまく動作します。

IE7を持っている人は誰でも、なぜこれが問題なのか理解できますか？

私はこの問題をテストするためにjsFiddleを作成：
http://jsfiddle.net/SrQUM/10/

私はアニメーションが全て台無しにされたトップアコーディオンのいずれかをクリックすると。 下のアコーディオンのいずれかをクリックすると、すべてがうまく動くようになります。 基本的には、要素の1つを展開すると、2番目のh3が適切な場所に移動しないように見えます。

（複数の項目を一度に展開できるようにするため、セクションごとにアコーディオンを使用しています）

Answer 1

これを解決できました。私はこのソリューションに恋していませんが、うまくいけばIE7のサポートはすぐに段階的に廃止されます。

アコーディオンが展開されたときに、アコーディオンの後の最初の要素が決してプッシュダウンされないという問題がありました。この修正は、アコーディオンの後に0高さとダミーのdivを追加しました：

<div id="accordion"> 
    <h3><a href="#">Header</a></h3> 
    <div> 
     <p>Some Content</p> 
    </div> 
</div> 

<p>Some Content Here</p> 
<p>Some More Content</p> 

この最初の段落が移動されなかったが、2番目の1でした。だから私は私のコードにこれを追加しました：

<script type="text/javascript"> 
    $(function() { 
     $('#accordion').accordion().after('<div class="accordion-clear"></div>'); 
    }); 
</script> 

とスタイルが含ま：

.accordion-clear { height: 0px; clear: both; } 

これは、すべてがうまく動作するように見えたが。