Jquery parents() help
<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>

<p><hr /></p>

<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>
