jQuery : 확인란을 선택하지 않은 경우 div 표시 숨기기

Question

안녕하세요 페이지가로드 될 때 div를 숨기고 확인란을 선택하면 div를 표시 한 다음 선택을 취소하면 다시 숨길 수 있습니다.

.checkCover가 체크 박스이고 #show_coversheet가 div입니다.

아래 코드에 어떤 문제가 있습니까?

$(function() { 
    $('.checkCover').change(function() {     
    $('#show_coversheet').toggle(!this.unchecked); 
    }).change(); 
}); 

Answer 1

! before this.checked

Answer 2

unchecked하지 속성이지만, checked입니다!

$('.checkCover').change(function() {     
    $('#show_coversheet').toggle(!this.checked); 
}).change();