Javascript 滑动切换不同div上的不同效果

当我单击第一个DIV时，滑动切换效果正确完成。 当我点击第二个，它似乎没有应用的效果和内容只是突然出现

第三个元素和除第一个元素以外的任何其他元素也会发生同样的情况

发生什么事了？ （在这里工作的演示：）

我有这个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>

---

从CSS中删除所有“float”属性，它就可以正常工作了！：-）浮动破坏了动画。

工作正常。支票：嗯？那么它可能与CSS有关？？你可以看看我在这里说的：

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