selecting multiple instances with jquery
<p>I have this jQuery statement : </p>

<pre><code>$(document).ready(function() {
$('#toggle-link').click(function(){
$(this).text($(this).text() == '+' ? '-' : '+');
 $('#box-to-toggle').toggle();

});
});
</code></pre>

<p>I have several instances of the #box-to-toggle so when i click on the #toogle-link link every instance of the box opens and closes. Can anyone tell me how to resolve this so the link only opens the box in the same div. here is the html structure.</p>

<pre><code>&lt;div id='holder'&gt;
    &lt;div id='toggle-link'&gt;+&lt;/div&gt;
    &lt;div id='box-to-toggle'&gt;
        &lt;!-- hide / show content here --&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;div id='holder'&gt;
    &lt;div id='toggle-link'&gt;+&lt;/div&gt;
    &lt;div id='box-to-toggle'&gt;
        &lt;!-- hide / show content here --&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;div id='holder'&gt;
    &lt;div id='toggle-link'&gt;+&lt;/div&gt;
    &lt;div id='box-to-toggle'&gt;
        &lt;!-- hide / show content here --&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;div id='holder'&gt;
    &lt;div id='toggle-link'&gt;+&lt;/div&gt;
    &lt;div id='box-to-toggle'&gt;
        &lt;!-- hide / show content here --&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Any help would be appreceatied</p>
