JQuery：fadeToggle（）以错误的方式工作

Question

我有两个ID为

的复选框

  

'check1'，'check2'

带有类

的两个表列

  

'column1'，'column2'

在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');   
    }
});