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

我有以下代码：

但是当单击“li”元素时，列表关闭。仅当您单击其中一个“span”元素（单击此处1，单击此处2）时，它才会关闭

我做错了什么？如何修复它？

试试这个

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

---

单击绑定在父

标记上，而不是

标记上

这是最新的小提琴

试试这个

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

JSFIDLE​