2010-12-14 19 views
1

を働いていない:
Jquery slideToggle problem in IE8 only using listsjQueryのslideToggleが可能な重複IE8

私は、リスト項目の内容をslideTogglesコードを持っています。それはFFでうまく動作しますが、アイテムをクリックするとIE8でスライドを表示するのではなく、常にコンテンツを表示し、スライドして非表示にします。ここ は、リストのコードです:

<ul class="accordion"> 
    <li> 
     <h4 class="head">Title 1</h4> 
     <p>Content 1.</p> 
    </li> 
    <li> 
     <h4 class="head">Title 2</h4> 
     <p>Content 2.</p> 
    </li> 
</ul> 

これは、JS/jQueryのコードです:

$(document).ready(function(){ 
    $('.accordion .head').click(function() { 
     $(this).next().slideToggle(250); 
     return false; 
    }).next().hide(); 
}); 

そしてここでは、オンラインのページです:http://grupoautolider.com.ar/galeria/cabriolet

このコードがあるので、これは奇妙ですjQuery UIのドキュメントページに掲載されています。これはIE7では発生しないことに注意してください。私はあなたの答えにとても感謝しています。前もって感謝します。

+0

私は間違っているかもしれませんが、あなたがslidetoggle()を使用している場合は隠す必要はありません。トグルは自動的に非表示になります。 –

+0

こんにちはGrillz、あなたのコメントのおかげで、hide()メソッドは、段落の最初の非表示のためです。 –

答えて

0

ここに述べたように、私はあなたが問題について話していると思います:slideToggle causes margin to disappear in IE8

はちょうどオーバーフローを与える:マージンが消えているのdivに隠れて、それを解決するだろう。確認してください。