Twitter bootstrap 引导列表组单击时折叠事件

我需要一个多级菜单，但Bootstrap没有提供类似的功能，所以我基于列表组制作了一个菜单/导航栏，效果很好，我可以添加多级子菜单，但我有一个大问题，它不会崩溃，直到我点击“Pos1”（检查bootply链接）或其他“Pos…”

我需要解决这个问题，这样当我点击网站的其他部分时，菜单就会崩溃

以下是代码，您可以在下面找到bootply的链接：

演示：

---

如果它只能在中分辨率和大分辨率下工作，那就太好了，因为在xsmall和small中，它应该保持静止。

如果我理解的话，您希望没有子菜单（子菜单）的菜单在单击时折叠吗

如果是这种情况，您可以简单地将数据切换添加到没有自己孩子的

Pos1

孩子

---

将数据切换添加到Pos1、SubPos1，并为SubPos1项添加数据目标=“#SubMoun1”，通过在单击菜单项或子菜单项时添加此选项，相应的菜单将被折叠。我认为这可能会有帮助

---

检查此项：

我可能没有正确解释，常规菜单是这样工作的，您单击例如Pos1，它会展开，当您单击滚动条、背景、网站内容或任何其他元素菜单时会隐藏（折叠）。我的菜单不能这样工作如果我想隐藏它（折叠），我必须再次点击“Pos1”。如果我想让它像普通菜单一样，我该怎么办？我希望这次我能解释清楚：）我可能解释得不够好。我知道如果我点击任何其他菜单位置，如何使其折叠。问题是，如果我点击网站的其他元素，我无法折叠菜单，例如在普通菜单中，如果你展开某个内容并点击滚动条或白色背景，那么活动菜单将关闭/折叠。我需要有同样的效果在桌面版的网站。