6

私はこの質問が何度か尋ねられるのを見ましたが、答えを見ていません。

私はjqueryでslideToggle（）を使用して展開および折りたたみしているulを持っています。コードは単純です：

$('#leftMenu li a.moreLess').click(function() {
    $(this).next().slideToggle('normal');   
});

マークアップ付き：

<a class="moreLess">Click here to see more</a>
<ul>
  <li>something</li>
  <li>something else</li>
  ...
</ul>

.moreLessのクラスのボタンがあり、それをクリックすると、下のリストが展開または折りたたまれます。何らかの理由で、IE 7では、リストが完全に拡張されると、すべてのコンテンツが表示されなくなります。折りたたむと、リストが完全に閉じられるまでコンテンツが再び表示されます。

これがCSSに関連するものかどうかはわかりませんが、誰かが以前にこれに遭遇した可能性があることを望んでいました。よろしくお願いします！

4

4 に答える 4

18

Zoom：1プロパティを配置します。position：relativeで機能します。

于 2011-11-02T09:34:54.367 に答える
10

参考までに、問題は、切り替えられているUL内の要素でのCSSの配置にありました。これらの要素の相対的および/または絶対的な位置を削除すると、問題は発生しなくなりました。

于 2010-07-28T18:29:25.347 に答える
4

あなたがコンテンツを持っているdivのために置い overflow: hidden; てください、それはめちゃくちゃになります。私にとってはうまくいきますが、それでもそれはIEのバグです...

于 2012-10-15T10:42:05.837 に答える
0

私の場合、slideToggleでロードされたコンテンツは「シフトダウン」され、2つの空のスペースが作成されました（IE7のみ）

私はこのCSSで解決しました：

form {
    margin: 0;
}
于 2013-01-14T09:12:38.073 に答える