Bootstrap可折叠可扩展垂直菜单,仅允许一个开放组

时间:2015-05-30 02:34:26

标签: twitter-bootstrap

我是Bootstrap的新手,我尝试使用导航片创建可折叠/可扩展的垂直导航菜单,这样只允许一次扩展一个菜单项组。

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

我遇到的问题是我想只允许一个组同时打开。因此,如果菜单项组已打开,我单击另一个菜单组,我希望先前打开的组关闭。我想模仿手风琴的行为。

1 个答案:

答案 0 :(得分:0)

结合这两个例子,您可以获得完整的工作结果

  1. 菜单示例[http://jsfiddle.net/gstvoo/zoxqpftc/][1]
  2. 带子菜单的示例引导程序菜单(使用子菜单复制li并更改ID,以便它们是唯一的)

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