jQuery多级可折叠垂直菜单

Question

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

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

我设置了一个基本代码，我设法做http://jsfiddle.net/mNW3c/1/

它有问题 - 我无法逐一展示/隐藏元素。请帮我改进一下。

提前致谢！

Answer 1

您需要为show / hide语句指定上下文。现在，它只是抓住了所有人。在这部分代码中

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

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

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

Demo