jquery - slideToggle 菜单隐藏

Question

我用过以下内容

$("#button").on("click",function(e){
    $("#nav").slideToggle();
});

当我的页面在移动设置中查看时，导航会向下滑动。 #nav 在 CSS 中有 display:none，所以当我单击 #button 时它有 display:block。

但是，如果我不先“关闭”导航(或重新单击 #button)并调整窗口大小，#nav 将保持 display:block 并显示超过 479px。我已经尝试了一些类似的东西

$(window).resize(function() {
   if( $(window).innerWidth()>459 && $("#nav").css("display")!=none ) $("#nav").hide();
});

但它没有用。有什么想法吗？

Answer 1

尝试在 CSS 中将 max-width(或常规 width)设置为 #nav。这将在显示 div 时生效。

编辑:这仅适用于您仍然希望显示 div，而不是扩展整个宽度的情况。如果您希望它在窗口宽度大于 459 时消失，请参阅其他答案。