使用Jquery后，如何将导航栏恢复正常？

Question

我按照this教程创建了一个响应式导航栏，但我修改了大部分代码以使用flexbox而不是浮点数，并且使用的导航项少于教程。到目前为止我唯一的问题是，如果我调整到480px或更低，打开导航菜单，然后调整大小超过480px，导航菜单将保持显示为块而不是返回到flex。我相信这是由于我使用的jquery，但我不熟悉jquery，因为我必须追踪这个bug。

如果您在切换导航栏时调整大小，我必须执行哪些操作，导航项会返回display: flex;而不是display:block;？

以下是我工作的一小部分，如果您需要更多信息，请询问。

JSFiddle

Answer 1

从

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

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

它应该按预期工作。

Fiddle