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

我有一个简单的手风琴风格的菜单，它通过jQuery帮助打开/关闭其子菜单：jsFiddle。在jQuery手风琴式菜单中切换儿童的可见性

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

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

感谢您的帮助。

来源

2012-08-15 errata

这[jsFiddle]（http://jsfiddle.net/WAurj/4/）是否按照需要执行？ – rexmac 2012-08-15 21:43:16

嗯，大部分是肯定的，这是肯定的方式:)我看到，当点击“切换猫11”时，所有的父母都可以正常扩展，尽管有些孩子有时候不会崩溃。尝试点击'切换猫1'然后'切换猫11'。猫1应该崩溃。同样是当点击“切换猫5”，“切换猫6”和“切换猫11”。在这种情况下，猫6应该崩溃。非常感谢你的努力，这非常接近！我会尝试看看这里发生了什么，看看我是否能够调整它:) – errata 2012-08-15 22:09:01

[这个版本]（http://jsfiddle.net/WAurj/5/）怎么样？ – rexmac 2012-08-16 13:22:22

我觉得这个jsFiddle做你想做的。

我还没有测试过比原来小提琴更高的水平，但我认为所有的父母，兄弟姐妹和“堂兄弟”元素都会根据用户点击的情况进行适当的考虑和切换。

来源

2012-08-20 16:14:07 rexmac

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

回答

相关问题