how do you repeat the same jquery code on a css class element?
<p>i have this jquery code </p>

<pre><code> $('.slickbox').hide();

 // toggles the slickbox on clicking the noted link  
  $('.slick-toggle').click(function() {
    $('.slickbox').toggle(400);
    return false;
  });
</code></pre>

<p>and this applies to several div's with the same class on the page , however when i click on one  all of them open , what i could do is set an id instead of a class and repeat the same code for each id , is there a way to make it so that even with a class each div opens on its own independent of the others. 
Let me know if there is need for clarification as my descriptive skills are not the best </p>

<p>the HTML :</p>

<pre><code>     &lt;a href="#" class="slick-toggle"&gt;  
&lt;img src="images/pc.de/plus.png" width="16" height="16" alt="new" /&gt;&lt;/a&gt;
&lt;div class="slickbox"&gt;
        New Video Category: &lt;input type="text" name="video_link_youtube" value=""  /&gt;
       &lt;/div&gt;
</code></pre>
