はJQuery：fadeToggleは（）私はIDを持つ2つのチェックボックスを持っている

Question

間違った方法で動作します

'CHECK1'、 'C​​HECK2' クラスと

2つのテーブルの列

" 「列1」、「列2」

。 JSファイルで

は

$(document).ready(function() { 
    $('.column1').hide(); 
    $('.column2').hide(); 


    $('#check1').change(function() { 
     $('.column1').fadeToggle(); 
    }); 

    $('#check2').change(function() { 
     $('.column2').fadeToggle(); 
    }); 
}); 

CHECK1が列ショーをチェックした場合、その後、チェックを外すと非表示になります。 問題は、check2がチェックされている列が非表示になっている場合で、チェックされていない場合に表示されます。

これらは同じ方法でコードされていますが、異なる方法で動作します。 問題の原因は何ですか？どのように修正するのですか？ありがとう。

Answer 1

は、この選択肢を試してみてください：

$('#check2').click(function(){ 
    if($(this).is(':checked')) { 
     $('.column2').fadeIn('slow'); 

    } else { 
     $('.column2').fadeOut('slow'); 
    } 
});