切换所有<li>s到下一个<li class="nav-header">，并过滤引导带中的导航列表

Question

我有一个来自推特引导的fluid.html例子，左边的导航列表让我头疼了几个小时。我需要做这两件事中的一件或两件：

1. 过滤导航列表-或多或少的这样做：http://kilianvalkhof.com/2010/javascript/how-to-build-a-fast-simple-list-filter-with-jquery/ -虽然它在这个网站上很好地工作，但我不能让它过滤导航列表中的元素在引导带不破坏它的外观。
2. 单击一个<li>元素，将所有<li class="nav-header">切换到下一个<li class="nav-header">。所以如果我有：

- Category 1 
    - Link 1
    - Link 2
    - Link 3 

​

- Category 2 
    - Link 4
    - Link 5
    - Link 6

​

​

类别1上的...clicking应该切换链接1、2和3，而单击类别2应该只切换链接4、5和6。我试过jQuery崩溃插件，但它打破了导航列表的风格。我还试图切换<div>，在<li class="nav-header">s之间有所有的<li>，但它也打破了导航列表的样式。我有一个想法，可以用相同的id切换所有的<li>，但我不知道如何使用jQuery或普通的JavaScript。

你知道怎么做这两件事吗？提前谢谢。

Answer 1

只需检查是否有子<ul>，然后用jQuery单击它。

<script>
    $('li').on('click', function() {
        $(this).children('ul').toggle();
    });
</script>

Answer 2

好的，我终于用jQuery和第一个例子修正了列表过滤。问题是，jQuery是在文档末尾加载的，脚本要求在表单之前加载它。因此，作品:)