在 jQuery 手风琴样式菜单中切换子项可见性

Toggling children visibility in jQuery accordion-style menu

本文关键字：可见性 jQuery 手风琴样式菜单更新时间：2023-09-26

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

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

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

感谢您的帮助。

我认为这个jsFiddle可以做你想要的。

我还没有测试过比你原来的小提琴更多的关卡，但我认为所有的父元素、兄弟元素和"表亲"元素都被考虑在内，并根据用户点击的内容进行适当的切换。