title: jQuery nextAll -- Click on h-element toggles all p-elements until next h
body: <p>I'm creating an FAQ page where the answer is toggled by clicking on the question. The question is <code>h3</code> and the answer is several <code>p</code>-elements. Like this:</p>
  
  <pre><code>&lt;h3&gt;The First Question&lt;/h3&gt;
  &lt;p&gt;Answer Paragraph&lt;/p&gt;
  &lt;p&gt;Answer Paragraph&lt;/p&gt;
  &lt;p&gt;Answer Paragraph&lt;/p&gt;
  
  &lt;h3&gt;The Second Question&lt;/h3&gt;
  &lt;p&gt;Answer Paragraph&lt;/p&gt;
  &lt;p&gt;Answer Paragraph&lt;/p&gt;
  </code></pre>
  
  <p>How can I toggle all <code>p</code>-elements belonging to a certain question? My JS toggles all following <code>p</code>-elements on the page:</p>
  
  <pre><code>$(document).ready(function(){
      $("p").hide();
      $("h3").click(function(){
          $(this).nextAll("p").toggle();
      });
  });
  </code></pre>
  
  <p>I cannot use <code>div</code>'s or classes).</p>