调整窗口宽度时隐藏菜单

Question

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

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

当带有click事件的窗口小于479px时，将显示slideToggle菜单，然后，当大于479px的窗口大于479px时，我需要停止该功能，因为我还有另一个菜单用于较宽的窗口，并且具有相同的click事件。

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

    $(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}
}

Answer 2

改用CSS：

@media screen and (max-width: 479px)
{
    #topMenu2
    {
        display: block;
    }
}