Twitter bootstrap 引导树菜单-默认情况下折叠，选中的除外

我正在使用Twitter引导附带的树折叠来构建我的菜单。 我遇到的问题是，我希望所有菜单列表在默认情况下都被折叠，除了我们当前使用的菜单列表。 以下是菜单示例：

例如，如果用户当前在引导->按钮->颜色页面上，那么除了引导->按钮->颜色之外，所有顶级菜单都应该折叠，按钮下的表单也应该折叠。

---

有人知道如何做到这一点吗？

尝试使用以下方法实现您的树：

.siblings()

---

下面是一个示例：

尝试使用以下方法实现您的树：

.siblings()

---

下面是一个示例：

定义单击事件后，在开始时切换所有内容以关闭或折叠它

//you already have this:
$('.tree-toggle').click(function () {
    $(this).parent().children('ul.tree').toggle(200);
}); 
//add this line:
$('.tree-toggle').parent().children('ul.tree').toggle(1000);

因此，我们告诉它在一开始做每件事一次，不要等待任何人点击它。您可以将切换持续时间更改为您想要的任何时间：在我的例子中，我希望用户在页面加载时能够看到许多可用的选项，并且它提供了一个很好的动画效果

见工作示例：

要使选定的类保持打开状态，可以用另一个类名对其进行标记，并在关闭所有内容后切换该类名以打开它

HTML:

…所以这可能是一种迂回的方式，但我们正在折叠所有内容，然后在加载页面时展开所选内容。

---

注意：如果要保持打开状态的选定分区不是顶级分区，则必须同时展开其所有父分区（即，将它们标记为选中）。

定义单击事件后，在开始处切换所有内容以关闭或折叠它

//you already have this:
$('.tree-toggle').click(function () {
    $(this).parent().children('ul.tree').toggle(200);
}); 
//add this line:
$('.tree-toggle').parent().children('ul.tree').toggle(1000);

因此，我们告诉它在一开始做每件事一次，不要等待任何人点击它。您可以将切换持续时间更改为您想要的任何时间：在我的例子中，我希望用户在页面加载时能够看到许多可用的选项，并且它提供了一个很好的动画效果

见工作示例：

要使选定的类保持打开状态，可以用另一个类名对其进行标记，并在关闭所有内容后切换该类名以打开它

HTML:

…所以这可能是一种迂回的方式，但我们正在折叠所有内容，然后在加载页面时展开所选内容。 注意：如果要保持打开状态的选定分区不是顶级分区，则还必须展开其所有父分区（即，将它们标记为选中）