javascript - 用javascript切换div的高度

我正在尝试切换divs的高度，但是当我这样做时，只需单击一次即可，然后单击一次即可。无论我单击多少次，都可以切换它吗？谢谢！这是我的代码：

$(document).ready(function () {
    $('#block1').click(function () {
        toggle = document.getElementById('block1').style.height;
        if (toggle <= 30) {
            $("#block1").css('height', '200px');
        } else $("#block1").css('height', '30px');
    });
});

最佳答案

document.getElementById('block1').style.height返回30px。

'30px' <= 30返回false，因此高度始终设置为30px。

您可以使用.height()，它返回一个数字，但是我建议您使用一个类并切换：

http://jsfiddle.net/TQs6h/

$(document).ready(function () {
    $('#block1').click(function () {
        $(this).toggleClass('tall');
    });
});