jQuery多级可折叠垂直菜单

Question

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

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

我已经建立了基本的代码i`ve小提琴设法做http://jsfiddle.net/mNW3c/1/

这是有问题的 - 我不能老是让一个显示/隐藏要素适当之一。请帮助我改进它。

在此先感谢！

Answer 1

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

$('.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