jQuery toggleClass（）有些不对劲

Question

所以我目前正在开发一个响应式导航菜单。我以前创建它们但由于某种原因无法使这个工作！也许我正在寻找一些东西，任何人都可以看看并告诉我我在俯瞰什么？哈哈

如果我做出以下更改：

.show {
   display: block; !important
}

我可以实现下拉而不会再次快速隐藏自己，但是之前已经实现了它而不必使用！important。

JSFiddle

Answer 1

避免媒体查询覆盖下拉显示类： - Working Demo

#nav-dropdown ul.show {
  display:block;
}

<强>更新

这是我能看到的问题。

@media screen and (max-width: 768px) {

  #nav-dropdown ul {
    display: none;
  }
}

拥有“＃nav-dropdown ul.show”CSS修复了这个问题，因为ID是唯一的，并且优先于类。