javascript - 在鼠标上切换 CSS

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

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

$('#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/

最佳答案

试试这个...

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

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

关于javascript - 在鼠标上切换 CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14858302/