如何在使用Jquery之後將導航欄恢復正常？

Question

我跟着this教程創建了一個響應式導航欄，但我修改了大部分代碼以使用flexbox而不是浮動塊，並且使用的導航項比教程少。我目前唯一的問題是，如果我調整到480px或更小，打開導航菜單，然後調整大於480px，導航菜單將保持顯示爲塊而不是返回到flex。我相信這是由於我使用的jquery，但我不熟悉jquery，因爲我必須跟蹤這個bug。

我該怎麼做，以便如果您在導航欄切換時調整大小，導航項返回到display: flex;而不是保留display:block;？

下面是我的工作小提琴，如果您需要更多信息，請詢問。

JSFiddle

Answer 1

剛剛從

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

刪除&& menu.is(':hidden')和預期它應該工作。

Fiddle