jQuery输入复选框可隐藏div内容

Question

I am not sure what is happening but I am not able to make my jquery hide a div when check box is checked. Super simple and I am not sure why it isn't working. Thanks for the help here is the code.

<input type="checkbox" id="yesall">
<div id="noshow">
content
</div>

<script type="text/javascript">
$(document).ready(function(){
    $('#yesall').change(function(){
        if (this.checked) 
            $('#noshow').fadeOut('slow');
         else {
            $('#noshow').show();
        }
    });
});
</script>

thank you guys I am thinking I am missing something super simple here.

Answer 1

The $(document).ready() function only runs once when the webpage is ready. That might be the cause of your problem. You could try:

   $(function(){
     $('#yesall').change(function(){
       if($(this).prop("checked")) {
         $('#noshow').show();
       } else {
         $('#noshow').hide();
     }
    });
   });