单击切换子菜单

Question

我已经做了很多搜索，但一直无法找到我正在寻找的东西。我正在尝试实现对单击父菜单项的位置的效果，下拉并显示包含具有相对于该父项的链接的子菜单的div。我在这里创建了一个例子来提出一个想法：

http://jsfiddle.net/itsbc/WeL6j/1/

但是，我不希望覆盖灰色div - ＃9e9e9e'＃div'。我理解这是因为我将内容位置设置为固定，但是如果我取消位置属性，则子菜单显示在其各自的父级下方;反对一直定位在左边。

提前感谢您的帮助，Bc。

Answer 1

您可能想尝试切换，一个jQuery方法： http://api.jquery.com/toggle/

Answer 2

好像你正在寻找类似于jQuery标签的功能。检查可折叠选项：http://jqueryui.com/demos/tabs/#collapsible

您必须稍微扩展一下，以便内容向下滑动而不是显示：示例：

http://jsfiddle.net/s6m7E/4/

Answer 3

http://jsfiddle.net/WeL6j/7/你想做什么？如果是这样，我认为最简单的方法是将隐藏的div放在导航栏下方，以便显示它们。然后隐藏/显示为必要的