切换出错？

Question

我已经制作了一个带有向下滑动子菜单的菜单。它应该工作正常但由于某种原因它不起作用。我的意思是，如果你看一下这个小提琴：http://jsfiddle.net/yJdFu/2/，你会发现当子菜单转换时，大菜单不会滑落。

你能告诉我为什么它不起作用？

Answer 1

实际上是在工作。问题是您对列表项具有指定的高度。因此子菜单显示在现有项目下方。

从列表项中删除高度。 Updated Fiddle

您没有错过任何结束标记。 HTML是正确的。错误是在CSS中。另外，我稍微修改了jquery。不确定为什么你在使用.find（）时可以通过它的类调用该项，并且我指定了要使用哪个切换。

This fiddle使用jquery指定切换仅发生在“仪表板”链接上。否则，当单击其中一个链接时，子导航将关闭。

Answer 2

您缺少结束</li>代码。

<li class="dashboard"><a href="#">
  <img src="assets/gfx/dashboard.png" alt="Dashboard">
  <span>Dashboard</span></a>
</li>

见http://jsfiddle.net/yJdFu/4/

正如Roland上面所说，在推出自己的解决方案之前，您可能还想查看内置的JQuery UI Accordion。