javascript - 调整窗口宽度时隐藏菜单

Question

当窗口宽度大于 479px 时，我想消除 topMenu。

这是代码，我使用了 .hide 和 .css('display','none') 甚至 .slideToggle(false)，但它不起作用。 CSS 中的默认设置是 display:none。

slideToggle 菜单在窗口小于 479px 时出现并带有点击事件，然后，当窗口宽于 479px 时我需要停止该功能，因为我有另一个用于更宽窗口的菜单，它出现在相同的点击事件中.

我无法在更宽的窗口中使该功能消失或消除。

    $(window).on('resize', function(event){
    var windowSize = $(window).width(); 
    if(windowSize > 479){
        $('#topMenu2').hide();

    } 
});

有什么想法吗？

Answer 1

CSS 解决方案呢？

@media screen and (min-width: 479px) {
    #topMenu2 {display: none}
}