jquery slideonlyone function
<p>I am currently using jquery slideonlyone function. I am having problems implementing an expanding/collapsing image(Plus.png)(Minus.png) change when clicked on. this is my jquery code.</p>

<pre><code>&lt;script type="text/javascript"&gt;
function slideonlyone(thechosenone) {
 $('div[name|="newboxes2"]').each(function(index) {
      if ($(this).attr("id") == thechosenone) {
           $(this).find("img").attr({src:"Minus.png"}).slideDown(200);
      }
      else {
           $(this).find("img").attr({src:"Plus.png"}).slideUp(600);
      }
 });
}&lt;/script&gt;


&lt;table&gt;&lt;tr&gt;
  &lt;td&gt;
     &lt;div style="border: 1px solid blue; background-color: #99CCFF; padding: 5px;"&gt;
        &lt;a id="myHeader1" href="javascript:slideonlyone('newboxes1');" &gt;&lt;img src="images/faq_cuts/Plus_Circle.png";/&gt;slide this one only&lt;/a&gt;
     &lt;/div&gt;
     &lt;div name="newboxes2" id="newboxes1" style="border: 1px solid black; background-color: #CCCCCC; display: block;padding: 5px;"&gt;Div #1&lt;/div&gt;
  &lt;/td&gt;
  &lt;td&gt;
     &lt;div style="border: 1px solid blue; background-color: #99CCFF; padding: 5px;"&gt;
        &lt;a id="myHeader2" href="javascript:slideonlyone('newboxes2');" &gt;&lt;img src="images/faq_cuts/Plus_Circle.png";/&gt;slide this one only&lt;/a&gt;
     &lt;/div&gt;
</code></pre>

<p></p>
