jquery - jQuery多级可折叠垂直菜单

Question

我想使用 jQuery 创建一个多级菜单。

主要思想是默认情况下所有子菜单项都是折叠的。通过单击加号仅展开单击元素的子元素。再次单击它会隐藏。

我已经用我设法做的基本代码设置了一个小提琴http://jsfiddle.net/mNW3c/1/

它有问题 - 我无法一一正确地显示/隐藏元素。请帮助我改进它。

提前致谢！

Answer 1

您需要为显示/隐藏语句指定上下文。现在，它只是抓住了他们所有人。在这部分代码中

$('.has-child .plus').click(function(){
    $('.has-child.hover > ul').toggle('slow');
});

您需要指定我们正在寻找 this.plus的父级的第一个 ul。你可以这样做：

$('.has-child .plus').click(function(){
    $('ul:first', this.parentNode).toggle('slow');
});

演示