在使用 Jquery 后，如何让我的导航栏 return 恢复正常？

Question

我按照 this 教程创建了响应式导航栏，但我修改了大部分代码以使用 flexbox 而不是浮动，并且使用的导航项比教程少。到目前为止我唯一的问题是，如果我调整到 480 像素或更小，打开导航菜单，然后调整到大于 480 像素，导航菜单将保持显示为一个块而不是 return 弯曲。我相信这是由于我使用了 jquery，但我对 jquery 并不熟悉，因为我必须要追踪这个错误。

如果您在切换导航栏时调整大小，导航项 return 到 display: flex; 而不是停留在 display:block;，我该怎么做？

以下是我的 fiddle 作品，如果您需要更多信息，请询问。

JSFiddle

Answer 1

只需从

中删除&& menu.is(':hidden')

if (w > 480 && menu.is(':hidden')) 
{
   menu.removeAttr('style');
}

它应该会按预期工作。

Fiddle