窗口宽度调整大小时隐藏菜单

Question

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

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

当窗口小于479像素时，单击事件会出现slideToggle菜单，然后，当窗口宽度超过479像素时，我需要停止该功能，因为我有另一个菜单用于更宽的窗口，出现相同的点击事件

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

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