title: jQuery toggle on multiple divs with same class
body: <p>I am trying to get a jQuery toggle up and running on my site.</p>
  
  <p>So far my code is:</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function(){
    $(".flip").click(function(){
      $(".flippanel").toggle();
    });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I then in the HTML have:</p>
  
  <pre><code>&lt;p class="flip"&gt;Flip it!&lt;/p&gt;
  &lt;p class="flippanel"&gt;This is a paragraph with little content.&lt;/p&gt;
  &lt;p class="flippanel"&gt;This is another small paragraph.&lt;/p&gt;
  &lt;p class="flip 2"&gt;Flip it!&lt;/p&gt;
  &lt;p class="flippanel 2 "&gt;This is a paragraph with little content.&lt;/p&gt;
  &lt;p class="flippanel 2"&gt;This is another small paragraph.&lt;/p&gt;
  </code></pre>
  
  <p>How do I go about getting it to toggle the two panels independently? Right now, each panel toggles at the same time.</p>