错误的元素在点击时关闭列表

Question

我有这段代码：http://jsfiddle.net/xFxD3/1/

但是当点击“li”元素时，列表会关闭。当你点击其中一个“span”元素时它应该关闭（点击这里1，点击这里2）。

我做错了什么以及如何解决？

Answer 1

试试这个

$('.test').click(function() { 
    $(this).parent().find('.toggle').slideToggle("fast");
});
​

Answer 2

点击绑定位于父<li>标记上，而不是<span>标记。

这是更新的小提琴http://jsfiddle.net/xFxD3/3/

Answer 3

试试这个

$('.test').click(function() { 
    $(this).next('.toggle').slideToggle("fast");
});

JSfiddle http://jsfiddle.net/xFxD3/1/