Is there a way to make this jquery script dynamic?
<p>I'm using this jquery code to show and hide divs on my page. As you can see, I an limited to 5 divs. Is there a way to make them dynamic?</p>

<pre><code>$(document).ready(function() {
  $('.box').hide();
  $('a.toggle').click(function() {
    $('.box').toggle(400);
    return false;
  });
});
</code></pre>

<p><hr /></p>

<pre><code>&lt;a href="#" class="toggle" title="Show Comments"&gt;&lt;img src="images/read.gif" alt="" /&gt;&lt;/a&gt;
&lt;div class="box" class="comment"&gt;hidden content&lt;/div&gt;
</code></pre>

<p>This is my revised code</p>

<pre><code>$(function () {
  $('div.box').hide();
  $('a.toggle').click(function () {
    $(this).next('div.box').toggle(400);
  });
});
</code></pre>

<p><hr /></p>

<pre><code>&lt;div class="entry"&gt;
  &lt;h3&gt;Title&lt;/h3&gt;
  &lt;p&gt;content&lt;/p&gt;
  &lt;p class="posted"&gt;Posted by Admin&lt;br /&gt;
  &lt;a href="#" class="toggle"&gt;
    &lt;img src="read.gif" alt="" /&gt;
  &lt;/a&gt;
&lt;/div&gt;
&lt;div class="box" class="comment"&gt;Hidden&lt;/div&gt;
</code></pre>
