javascript - 在 mouseup 上切换 CSS

Question

我在自己创建的工具上设置了控制台。控制台可以在单击时最小化，再次单击时最大化。

但问题是，一旦我最大化它，它就会在完成时简单地最小化。我有哪些选择？

$('#consolebutton').mouseup(function() {
        if ($('#footconsole').height(200)) {
            $('#footconsole').animate({
                height: 14
            }, 100)
        } else if ($('#footconsole').height(14)) {
                $('#footconsole').animate({
                height: 200
            }, 100);
        }
});

(我确实意识到检查 div 的高度实际上是在设置 div 的高度，这就是问题所在。)

http://jsfiddle.net/VaDBW/3/

Answer 1

试试这个...

$('#consolebutton').mouseup(function() {
    var $footconsole = $('#footconsole');
    if ($footconsole.height() == 200) {
        $footconsole.animate({
            height: 14
        }, 100)
    } else {
        $footconsole.animate({
            height: 200
        }, 100);
    }
});

它与高度进行比较(而不是设置它)，我还将一个变量设置为 $("#footconsole") 的值，而不是继续搜索它。