jQuery ukryj div, gdy pole wyboru jest zaznaczone, pokaż niezaznaczone

Question

Próbuję ukryć element div, gdy użytkownik kliknie, pole wyboru i wyświetla je, gdy użytkownik usunie zaznaczenie tego pola wyboru. HTML:

<div id="autoUpdate" class="autoUpdate"> 
    content 
</div> 

jQuery:

<script> 
$('#checkbox1').change(function(){ 
     if (this.checked) { 
      $('#autoUpdate').fadeIn('slow'); 
     } 
     else { 
      $('#autoUpdate').fadeOut('slow'); 
     }     
    }); 
</script> 

Mam trudny czas, aby dostać tę pracę.

Answer 1

Pamiętaj, aby użyć zdarzenia ready.

Kod:

$(document).ready(function(){ 
    $('#checkbox1').change(function(){ 
     if(this.checked) 
      $('#autoUpdate').fadeIn('slow'); 
     else 
      $('#autoUpdate').fadeOut('slow'); 

    }); 
}); 

Answer 2

HTML

<input type="checkbox" id="cbxShowHide"/><label for="cbxShowHide">Show/Hide</label> 
<div id="block">Some text here</div> 

css

#block{display:none;background:#eef;padding:10px;text-align:center;} 

JavaScript/jQuery

$('#cbxShowHide').click(function(){ 
this.checked?$('#block').show(1000):$('#block').hide(1000); //time for show 
});