Show/Hide Multiple Divs
<p>I am trying to trigger a show/hide of one div at a time.</p>

<p>What is happening is that all the divs (.shareLink) are opening at the same time.</p>

<p>Below is my jqury:</p>

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

<p>Below is my HTML:</p>

<pre><code>&lt;dl class="links"&gt;
    &lt;dd&gt;content&lt;/dd&gt;
    &lt;dt class="description"&gt;content&lt;/dt&gt;
    &lt;ul class="tools"&gt;  
     &lt;li&gt;&lt;a class="trigger" href="#"&gt;Share Link&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/dl&gt;
&lt;div class="shareLink"&gt;
&lt;?php print check_plain($node-&gt;title) ?&gt;
&lt;/div&gt;
</code></pre>

<p>Any help with the above problem would be much appreciated.</p>

<p>Cheers.</p>
