0

最初のDIVをクリックすると、slideToggle効果が正しく実行されます。2つ目をクリックすると、効果が出ていないようで、コンテンツが突然表示されます。

同じことが3番目の要素と最初の要素以外の要素でも発生します。

どうしたの？（ここで動作するデモ：http：//jsfiddle.net/SW5sc/6/）

私はこのHTML構造を持っています：

<div class="subcategory">Option 1 </div>
<div class="subcategoryContent">

    <div class="subcategoryOption">
        <div class="image">
            <img src="vista/imgs/grupales.gif" alt="Clases grupales" />
        </div>

        <div class="text">
            TEXT
        </div>
    </div>

</div>

<div class="subcategory">Option 2</div>
<div class="subcategoryContent">
    <div class="subcategoryOption">
        <div class="image">
            <img src="vista/imgs/grupales.gif" alt="Clases grupales" />
        </div>

        <div class="text">
            TEXT
        </div>
    </div>
</div>

そしてこのjQueryコード：

$(".subcategory").click(function () {
                    $(this).next(".subcategoryContent").slideToggle(450).siblings(".subcategoryContent").slideUp(450);
                    return false;
                });
4

1 に答える 1

1

CSS からすべての "float" プロパティを削除すると、問題なく動作します。:-) フロートはアニメーションを台無しにします..

于 2012-06-08T20:27:06.973 に答える