javascript - slideToggle 在不同的 DIV 上切换不同的效果

Question

当我点击第一个 DIV 时，slideToggle 效果正确完成。当我点击第二个时，它似乎没有应用效果，内容突然出现。

第三个元素和除第一个元素之外的任何其他元素也是如此。

这是怎么回事？（演示在这里工作：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;
                });

Answer 1

从 CSS 中删除所有“float”-properties，它就可以正常工作了！:-) 花车毁了动画..