चेकबॉक्स चेक किए जाने पर jQuery छुपाएं, अनचेक

Question

पर दिखाएं, जब मैं चेकबॉक्स पर क्लिक करता हूं तो div को छिपाने की कोशिश कर रहा हूं, और जब उपयोगकर्ता उस चेकबॉक्स को अनचेक करता है तो उसे दिखाएं। HTML:

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

jQuery:

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

मैं एक कठिन समय इस काम के प्राप्त करने के लिए हो रहा है।

Answer 1

ready ईवेंट का उपयोग करना सुनिश्चित करें।

कोड:

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

    }); 
}); 

Answer 2

एचटीएमएल

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

सीएसएस

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

जावास्क्रिप्ट/jQuery

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