title: Show/Hide div when checkbox selected
body: <p>I need to make additional content appear when a user selects a checkbox. I have the following code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Checkbox&lt;/title&gt;
  &lt;script type="text/javascript"&gt;
  
  
  $(document).ready(function(){
  $('#checkbox1').change(function(){
  if(this.checked)
  $('#autoUpdate').fadeIn('slow');
  else
  $('#autoUpdate').fadeOut('slow');
  
  });
  });
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  Add another director &lt;input type="checkbox" id="checkbox1"/&gt;
  &lt;div id="autoUpdate" class="autoUpdate"&gt;
  content
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Would really appreciate some help, good knowledge of HTML5, CSS3 but very basic JavaScript/jQuery.</p>