javascript - jQuery的如果/然后点击功能？

这就是我想要的...

单击名为“ bd”的div时>检查ID为“ ump”的div是否具有“活动”类>
如果是这样，请使div为“ brandDump”类，并缓慢向上滑动，将其隐藏，然后删除“ active”类，否则，将div为“ brandDump”类，向下滑动，显示并添加“活动”类别

单击div.bd时没有任何反应。我究竟做错了什么？

小提琴链接和下面的代码。

http://jsfiddle.net/K2V8f/36/

<div class="bd">cool</div>
<div class="brandDump" id="ump">works</div>
<div>shape</div>

.brandDump {
background-color:#fff;
width:100px;
display:none;
}

.bd {
width:100px;
height:100px;
background-color:#000;
}

$(".bd").click(function () {
if ("#ump".hasClass("active")) {
    $(".brandDump").slideUp("slow");
    $(".brandDump").hide();
    $(".brandDump").removeClass("active");
} else {
    $(".brandDump").slideDown("slow");
    $(".brandDump").show();
    $(".brandDump").addClass("active");
}
});

最佳答案

Updated fiddle

当slideUp完成时，您需要使用回调。

$(".bd").click(function () {
    if ($("#ump").hasClass("active")) {
        $(".brandDump").slideUp("slow", function () {
            $(".brandDump").removeClass("active");
        });

    } else {
        $(".brandDump").slideDown("slow", function () {
            $(".brandDump").addClass("active");
        });

    }

});

也有（（#ump））错误...应该是$（“＃ump”）