accordian + and - symbol help
<pre><code>&lt;script type='text/javascript'&gt;
$(document).ready(function() {
  $('div.Syb&gt; div').hide();
  $('div.Syb&gt; h4').click(function() {
   var span = $(this).children('span:first').attr('class');

  //    span.text(span.text()=='+'?'-':'+');


     span = (span == 'plus')?'minus':'plus';

   $(this).children('span:first').attr('class',span);

 $(this).next('div').slideToggle('fast')
 .siblings('div:visible').attr('css','plus').slideUp('fast');

//    $(this).siblings('div.Syb&gt;h4 &gt;span:first').attr('css','plus');

  });
});
&lt;/script&gt;
</code></pre>

<p>when ever the div gets closed in need to put + symbol back...which i am not able to do ..any help on this?</p>

<pre><code>&lt;div class="Syb"&gt;
  &lt;h4&gt;&lt;span class='plus'&gt;&lt;/span&gt;Title 1&lt;/h4&gt;
  &lt;div&gt;Lorem...&lt;/div&gt;
  &lt;h4&gt;&lt;span class='plus'&gt;&lt;/span&gt;Title 2&lt;/h4&gt;
  &lt;div&gt;Ipsum...&lt;/div&gt;
  &lt;h4&gt;&lt;span class='plus'&gt;&lt;/span&gt;Title 3&lt;/h4&gt;
  &lt;div&gt;Dolor...&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>is my html</p>
