jquery - 通过检查类来进行条件jquery

Question

我今天无法正常思考，有人可以告诉我我现在找不到的修正吗？我意识到我在做一些我找不到的愚蠢的事情。基本上第二个功能应该关闭该框，但它根本不起作用。

if (!$('div').hasClass('active')) {
   $("span").click(function () {
       $("div").stop().animate({ height: "360px" });
       $("div").addClass('active');
});
}

if ($('div').hasClass('active')) {
   $("span").click(function () {
       $("div").animate({ height: "0px" });
       $("div").removeClass('active');
});
}

http://jsfiddle.net/9xqWF/

Answer 1

您的 if 语句仅执行一次，并且由于只有一个条件为真，因此您将只有一个处理程序，该处理程序不会执行您期望的操作，您应该将逻辑移至您的点击处理程序:

var $div = $('div');
$("span").click(function () {
    var h = $div.toggleClass('active')
                .hasClass('active') ? '0px' : '360px';
    $div.stop().animate({ height: h });
});