title: Generic way to only slideToggle() child div
body: <p>New to jquery. I want to do a slideToggle to accordion collaps and expand a section.</p>
  
  <p>When clicking the header, I want to expand/collapse everything in "#section".</p>
  
  <pre><code>&lt;h3 id="assignments"&gt;Assignments&lt;/h3&gt;
      &lt;div id="section"&gt;
        Assignment Count &lt;input type="number" name="assignment_count"&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I have the code that works below. But I want to make it generic so that if I have any header I click, it will only collapse the section below it and not all div's with an id of "#section"</p>
  
  <pre><code>$(document).ready(function(){
      $("h3").click(function(){
          $("#section").slideToggle();
      });
  });
  </code></pre>