jquery - 切换 Div 容器高度

Question

我正在开发一个按钮，在该按钮上应用切换并且 div 高度增加和减少。 所以我想做的是，在按钮上让我们说在 #about 上单击 #aboutsubmenu 显示，并且 #maincontainer 的高度增加如果打开，则单击一次即可关闭。 这就是我正在尝试做的事情

$(document).ready(function() {
    $('#aboutsubmenu').hide();
    var opened;
    var opened2;
    $('#about').click(function() {
        opened = "no";
        if (opened == "no") {
            $('#aboutsubmenu').show();
            $('#maincontainer').css('height', '387px');
            opened = "yes";
        }
        else if (opened == "yes") {

        }
    });
});

我在这里完全困惑了。你能帮我一下吗？

Answer 1

试试这个代码:

$(document).ready(function () {
    $('#aboutsubmenu').hide();
    var opened = false;
    $('#about').click(function () {
        $('#aboutsubmenu').toggle(); // Toggle visibility
        $('#maincontainer').height(opened ? 387 : 100);
        opened = !opened;
    });
});

你做错了什么:

opened = "no";

函数开头的代码使其始终打开。