在jQuery手风琴式菜单中切换儿童可见性

Question

我有一个简单的手风琴式菜单，可以在jQuery的帮助下打开/关闭它的孩子：jsFiddle。

如果我点击菜单项，一切正常 - 显示所选项目的子项，而隐藏所有其他不必要的子项。但是，我希望能够根据传递的一些变量（id）打开菜单树。

所以，在这个jsFiddle我创建了手动链接（在右侧），它应该显示菜单中的相应项目（展开所有父项）并隐藏所有其他项目。当我点击手动链接时，我设法只切换一级孩子，但是当我点击让我们说第四级链接（我的例子中的猫11）时，没有任何反应。我想要做的是扩展所选项目的所有父项，并折叠所有其他不在选定子项的树路径中。

感谢您的帮助。

Answer 1

我认为jsFiddle可以满足您的需求。

我没有测试过比原始小提琴更多的级别，但我认为所有的父级，兄弟级和“堂兄”元素都会被考虑并根据用户点击的内容进行适当的切换。