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

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/