javascript - 使用JS增加和减少div的高度

我正在尝试创建一些简单的javascript，以便在单击按钮时执行。
div从高度0开始，所以它被“最小化”。然后执行函数test（）。它检查DIV是否被最小化或最大化，如果它被最小化，那么它将DIV高度增加5px，直到它达到300的高度。同样地，如果盒子被“最大化”，它的值降低5，直到它达到0。
这就是我目前所拥有的：

var current = "minimized";
var divH = document.getElementById('module').offsetHeight;

function test() {
    if (current = "minimized") {
        current = "maximized";

        while (divH < 300) {
            divH = divH+5;
        }
    }
    else {
        current = "minimized";

        while (divH > 0) {
            divH = divH-5;
        }
    }
}

任何帮助都将不胜感激，这是我第一次尝试使用javascript。

最佳答案

您可以使用jQuery轻松地animatediv height，它可以跨浏览器工作。虽然最好先学习Javascript作为语言，但您很快就会明白为什么使用jQuery这样的库是一个好主意。
它将消除浏览器的不一致性，让您专注于解决业务需求。

$('#module').animate({ height: 300 });

关于javascript - 使用JS增加和减少div的高度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9055904/