1

デフォルトでコンテンツを非表示にするトグルコンテナがあります。コンテナーをクリックすると、jQuery の .toggle を使用してコンテンツがスライドインされます。

コンテンツは、display:inline-block 属性を使用して隣り合う 3 つの div で構成されているため、1 行に表示されます。私が抱えている問題は、コンテンツを切り替えると、div が互いの下に表示されることです。アニメーションが終了する (ほぼ終了する) と、それらは一列に表示されます。彼らは最終位置にジャンプします。最初から連続して見せていただくことは可能でしょうか？

よろしくお願いします

編集: Jsfiddle のリンクは次のとおりです: http://jsfiddle.net/7Ly5b/

<div class="contentline">
<div class ="bege">
    <div class="parent">
         click
    </div>
    <div class="toggle">
        <div class="content">Höchster Sieg:</div>
        <div class="content">Höchster Sieg:</div>
        <div class="content">Höchster Sieg:</div>
        <div class="clear"></div>
    </div>

</div>
</div>

現在、display:inline-block の代わりに float を使用して試しましたが、成功しませんでした。幅に問題があるようです。クラスコンテナでdivを削除すると機能するためです。しかし、私はそれを削除することはできません。

4

1 に答える 1

0

html および css コンテンツの例を提供することをお勧めします。http://jsfiddle.net/を使用

おそらくjQueryは、非表示を解除するときにブロックを表示するように指示します。floatの代わりに使用することをお勧めしdisplay-inline:block;ますが、場合によってはレイアウトに悪影響を与える可能性があるため、クリアする必要があるかもしれません。

見ればもっと適切なアドバイスができる

于 2012-12-21T12:51:20.413 に答える