jquery - .click/ is:checked が chrome で動作しない

Question

divを開くこの関数を取得しましたが、チェックボックスはチェックされていますが、クロムでは機能せず、ie8/9、firefox、opera、safariで機能します。これはなぜですか？

$('#checkbox-01').click(function () {
    if ($('#checkbox-01').is(':checked')) {
        $('.box').fadeIn('fast');
        $('.square').hide('fast');
    } else {
        $('.box').fadeOut('fast');
        $('.square').hide('fast');
    }
});  

Answer 1

その機能を使用します：

$('#checkbox-01').change(function (){    
if(this.checked) {
    $('.box').fadeIn('fast');
    $('.square').hide('fast');
}else{
    $('.box').fadeOut('fast');
    $('.square').hide('fast');
}
});

Answer 2

このコードを使用...

$('#checkbox-01').click(function () {
if($(this).attr('checked') == 'checked'){
    $('.box').fadeIn('fast');
    $('.square').hide('fast');
} else {
    $('.box').fadeOut('fast');
    $('.square').hide('fast');
}
});