浏览器大小调整后，导航无法返回查看状态

Question

我为移动屏幕隐藏了导航，而不是汉堡包菜单图标。当我点击图标时，导航列表即可查看，当我再次点击它时，它会消失。 （jquery slideToggle效果）。对于桌面视图，它只是一个内联导航。问题是，当我调整窗口大小时，导航会在不同的断点处出现并消失，但是当我在屏幕小于450px时点击汉堡图标并调整大小再次执行桌面大小时，内联导航不会显示。问题是什么？它与jquery有什么关系吗？也许它一旦我再次点击汉堡包图标就隐藏了导航列表项目，它会阻止它回到桌面视图上查看？

代码：

＆＃13;

＆＃13;

(map deliver sentences parsedSentences)

＆＃13;

$(document).ready (function () {
  $(".arrow").click(function () {
    $(".expand").slideToggle(600);
  });

  $(".hamburger").click(function () {
    $("nav").slideToggle(600);
    $("nav ul li").css("display", "block");
  });
});

＆＃13;

nav {
  display: none;
}

.hamburger {
  position: absolute;
  top: 8px;
  right: 16px;
  z-index: 5;
}

nav ul {
  text-align: center;
}

nav ul li {
  padding-bottom: 5px;
}



}

@media screen and (min-width: 451px) {
  nav {
    display: inline;
  }

  .hamburger {
    display: none;
  }
}

＆＃13;

＆＃13;

＆＃13;