jQuery toggleClass() 有些不对劲

Question

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

如果我进行以下更改：

.show {
   display: block; !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 是唯一的并且优先于类。