title: jQuery - Using a checkbox to fade in and out a div
body: <p>I want to use a checkbox to fade in and out a div, but im not sure how to go about it, when you check the box it fades in the div and when you de-select the checkbox it fades it out.</p>
  
  <p>The code i have is as follows:</p>
  
  <pre><code>&lt;input type="checkbox" name="trending" id="trending" /&gt;
  
  &lt;div id="trendingdisplay"&gt;
      &lt;!-- my div content goes in here --&gt;
  &lt;/div&gt;
  </code></pre>