체크 박스를 JQuery에서 클릭하면 Div가 표시됨

Question

이 코드는 상자를 선택하면 div가 사라지는 것을 보여줍니다.

<script src="/js/jquery.js"></script> 
<script type="text/javaScript"> 
    $(function() { 
     $('input[type="checkbox"]').on('change', function() { 
      $(this).closest('fieldset').find('.myClass').toggle(!this.checked); 
     }); 
    }); 
</script> 

<fieldset> 
    <legend>Check Here<input type="checkbox"></legend> 
    <span class="myClass"> 
     <p>This is the text.</p> 
    </span> 
</fieldset> 

선택 전에 확인란을 선택한 경우에만 표시하도록 어떻게 변경할 수 있습니까?

편집 : !this.checked/this.checked에서 /로 변경하는 것은 해결책이 아닙니다.

Answer 1

!this.checked 대신 this.checked을 사용하십시오.

$(function() { 
    $('input[type="checkbox"]').on('change', function() { 
     $(this).closest('fieldset').find('.myClass').toggle(this.checked); 
    }); 
}); 

당신은 .myClass이 처음도 숨길 수로 설정 것 :

span.myClass { 
    display:none; 
} 

jsFiddle here.