javascript - toggleClass の後のクリック イベント

Question

2つのボタン（スパン）を切り替えたい-（一方の要素がアクティブでないときにもう一方の要素がアクティブであり、その逆）。

ここでの問題は、プライマリ要素からクラスを削除しても、実際にはバインドが失われないことです。効果が反対であることを除いて、同じことが他の要素にも起こります。

HTML:

<span id="ch1">First</span>
<br />
<span id="ch2" class="action">Second</span>

CSS:

body {
font-size:20px;
font-weight:bold;    
}

.action {
cursor:pointer;
font-size:14px;
}

JS:

$('.action').on('click',function(){

        $('#ch1,#ch2').toggleClass('action');

    });

フィドル: http://jsfiddle.net/n2WUn/

Answer 1

ここで動作しています：DEMO。.onメソッドは親参照で機能します。

Answer 2

これはうまくいきます。

$(function(){
    $('.action').bind('click',function(){
         $('#ch1,#ch2').toggleClass('action');
    });
});