title: Jquery parents() help
body: <p>Can someone please tell me why this doesn't work? I'm trying to show and hide content.</p>
  
  <p>Here is my markup</p>
  
  <pre><code>&lt;div class="entry"&gt;
    &lt;p class="posted"&gt;
      test&lt;br /&gt;
      &lt;a href="#" class="toggle" title="Show Comments"&gt;
        Show/Hide
      &lt;/a&gt;
    &lt;/p&gt;
    &lt;div class="box" class="comment"&gt;
      test hidden comment
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>$(function () {
    $('div.box').hide();
    $('a.toggle').click(function () {
      $(this).parents('.entry').next('div.box').toggle(400);
    });
  });
  </code></pre>
  
  <p>The way this example sits right now, If I take the last closing div and move it up after the closing p tag, it works fine but shows and hides <strong>all</strong> hidden content (divs) which is not what I'm after. I'd only like to show the content that is associated with each link.</p>