捂脸。问个蠢问题

Question

jQuery(function() {
    jQuery(".hamburger-icon").click(function() {
        jQuery("body").addClass("scrollbar-hide")
    });
    jQuery(".close-ic").click(function() {
        jQuery("body").removeClass("scrollbar-hide")
    })
});

当有这段jq代码的时候是这样的

当把那段代码删了之后，点击折叠导航栏就不显示了

求教，scrollbar-hide在css文件中也仅仅是

.scrollbar-hide {
    height: 100%;
    overflow: hidden;
}

    .scrollbar-hide .menu-content-area {
        opacity: 1;
        height: 100%;
    }

引用的是JQ,bootstrap.js以及上面的那段JS代码。
为什么把那段代码删了点击折叠导航栏就不显示了呢

Answer 1

问题解决了，这是个css动画，实现的很巧妙
.scrollbar-hide的子元素 .menu-content-area在大屏上 高度是0 ，但是当通过JQ在body中添加了scrollbar-hide元素之后，.menu-content-area高度变成了100%，动画持续效果为0.8秒
从而实现了折叠导航栏的图一效果