我正在寻找jquery树菜单，它隐藏了不是所选节点父节点的节点

我需要在这个网站上有这样的东西：

---

左侧的菜单是我想要的-当用户选择项时，它会显示该项的子项，但也会隐藏并非所选节点直接父项的所有父节点。这对于大树菜单很有用。

您可以执行以下操作：

<ul>
    <li>
        <span>Parent</span>
        <ul>
            <li><span>Children</span></li>
            <li><span>Children</span></li>
            <li><span>Children</span></li>
        </ul>
    </li>
    <li>
        <span>Parent</span>
        <ul>
            <li><span>Children</span></li>
            <li><span>Children</span></li>
            <li><span>Children</span></li>
        </ul>
    </li>
    <li>
        <span>Parent</span>
        <ul>
            <li><span>Children</span></li>
            <li><span>Children</span></li>
            <li><span>Children</span></li>
        </ul>
    </li>
    <li>
        <ul>
            <li><span>Children</span></li>
            <li><span>Children</span></li>
            <li><span>Children</span></li>
        </ul>
    </li>
</ul>


<script>
   $('li').on('click',function(){
      $(this)
        .children()  //Selecting children for the clicked li
             .slideDown(200) //Then we show them
                .parent() //slideDown returns children again, so we'll get the parent li again
                  .siblings('li') //and then we'll call his siblings
                      .children()
                           .slideUp(200); //and finally we'll hide their children
   });
</script>

父母亲

孩子们
孩子们
孩子们



父母亲

孩子们
孩子们
孩子们



父母亲

孩子们
孩子们
孩子们




孩子们
孩子们
孩子们



$（'li'）。在（'click'，function（）上{
$（本）
.children（）//为单击的li选择子项
.slideDown（200）//然后我们显示它们
.parent（）//slideDown再次返回子对象，因此我们将再次获取父对象li
.兄弟姐妹（'li'）//然后我们会叫他的兄弟姐妹
.儿童（）
.slideUp（200）；//最后我们要把他们的孩子藏起来
});

---

显然，这将需要一些css和更多javascript，但有了这些，您可以获得一些想法。（我在这里写了这篇文章，我还没有测试它，所以它可能有一些bug）

你有没有发现任何接近这篇文章的树？也就是说，您是否有一棵可以自定义的树？或者你只是在寻找最终的解决方案？我试着使用jQueryTreeView插件，但我不知道如何让它按我想要的方式工作。。。