jquery - チェックボックス付きのアコーディオンアクティブバー

Question

jquery で次のアコーディオンを作成しました。

しかし、チェックボックスをaccordionButtonに追加する必要がありますが、チェックボックスをクリックしたときに非表示のパネルがスライドダウンしたくありません。

次に例を示します。

http://jsfiddle.net/zidski/NU7Gp/4/

チェックボックスをクリックして関数が起動しないようにするにはどうすればよいですか?

Answer 1

イベントstopPropagation()を使用して、イベントがバブルアップするのを防ぐことができます

$('input:checkbox').click(function(e){
    e.stopPropagation();  
});

http://jsfiddle.net/NU7Gp/5/