How to create multiple instances of show/hide div in jquery?
<p>I have the following code</p>

<pre><code>$(document).ready(function() {
  $('a#slick-toggle').click(function() {
 $('#slickbox0').toggle(400);
 return false;
  });
});


&lt;a id="slick-toggle" href="#"&gt;Show/Hide&lt;/a&gt;

&lt;div id="slickbox" style="display: none;"&gt;
hidden content here
&lt;/div&gt;
</code></pre>

<p>The problem is, if there is more than 1 instance of this on the html part of this on the page, it wont work. Im not very good at JS. The div id I gotta make unique.... but how do I make each link toggle the corresponding box?</p>
