Javascript 窗口宽度调整时隐藏菜单

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

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

当窗口小于479px且出现单击事件时，会出现slideToggle菜单；当窗口大于479px时，我需要停止该功能，因为我有另一个用于更宽窗口的菜单，该菜单与相同的单击事件一起出现

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

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

    } 
});

---

有什么想法吗？

CSS解决方案呢

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

改用CSS：

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

---

你能创造一个小提琴吗？是的，更多的代码将是helpful@gaurravv5没必要大喊大叫..对不起，我是新手，这里是小提琴：对不起，我发布了几乎与@panther相同的答案。无论如何，由于OP在默认情况下设置了

display:none

，我的答案应该“按原样”工作，而不需要在他们的CSS代码中进行任何进一步的编辑谢谢但是，我仍然有同样的问题。使用“显示”滑块切换只需更改初始显示。如果put显示：none，则slideToggle首先不显示任何内容，当我单击触发器时，它的幻灯片和菜单将出现。当窗户变宽时，我需要把它消失！！！问题是，如果一个鼠标按下该键，滑块切换只会更改初始显示。如果put显示：none，则slideToggle首先不显示任何内容，当我单击触发器时，它的幻灯片和菜单将出现。当窗户变宽时，我需要把它消失。