引导可折叠可扩展的垂直菜单，只允许一个打开组

Question

我是Bootstrap的新手，我正在尝试使用导航药丸创建一个可折叠/可扩展的垂直导航菜单，这将只允许一个菜单项组一次展开。

我有3个菜单项组，每个组都有子菜单。当单击菜单项时，它将展开以显示该组的子菜单项列表。如果我单击另一个组，新组也会打开，而第一个组仍然打开。

我的问题是，我想只允许一个组在同一时间打开。因此，如果一个菜单项组处于打开状态，而我单击另一个菜单组，我希望先前打开的组关闭。我想模仿手风琴的行为

Answer 1

结合这两个例子，您可以得到一个完整的工作结果

1. 菜单示例[http://jsfiddle.net/gstvoo/zoxqpftc/][1]

一个带有子菜单的引导菜单示例(将li复制为子菜单，并更改ID，使它们是唯一的)

脚本解决方案[http://jsfiddle.net/RfsS9/5/] [2]在本例中使用jQuery脚本并更改菜单

的目标类