jquery - 間違った要素がクリック時にリストを閉じる

Question

私はこのコードを持っています: http://jsfiddle.net/xFxD3/1/

ただし、「li」要素をクリックすると、リストが閉じます。「スパン」要素の1つをクリックしたときにのみ閉じるはずです（ここをクリック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/ </p>