title: JQuery .each() to toggle hidden elements
body: <p>Very new to JQuery, and am struggling to understand .each().</p>
  
  <p>I would like to be able to click on any heading, and have the paragraph under that heading appear, and then disappear. At the moment, I can only get the first paragraph to toggle.</p>
  
  <p>My code is:</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function(){
    $("h2").click(function(){
      $("#hidden").each(function(){
          $(this).toggle();      
      });
    });
  });
  
  &lt;/script&gt;
  
  &lt;h2&gt;HEADING 1&lt;/h2&gt;
  &lt;div id="hidden" style="display:none"&gt;
  &lt;p&gt;paragraph 1&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;h2&gt;HEADING 2&lt;/h2&gt;
  &lt;div id="hidden" style="display:none"&gt;
  &lt;p&gt;paragraph 2&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks very much for any help!</p>