title: Jquery dynamic plus/minus symbol toggle
body: <p>I'm using a jquery toggle script. I would really like a plus (+) sign to show in the heading when the toggle hasn't been opened, and a minus (-) symbol for when it has been. </p>
  
  <p>The reason I'm not just using the script below is because the current script I'm using automatically closes an opened toggle when another toggle is clicked - which is a feature I really like! :)</p>
  
  <pre><code>$('#toggle-view li').click(function () {
  
      var text = $(this).children('p');
  
      if (text.is(':hidden')) {
          text.slideDown('200');
          $(this).children('span').html('-');     
      } else {
          text.slideUp('200');
          $(this).children('span').html('+');     
      }   
  });
  });
  </code></pre>
  
  <p>script I am using:</p>
  
  <pre><code>$(document).ready(function(){
  $(".parents-toggle &gt; div").click(function () {
  $(".parents-toggle &gt; div.iteminfo-toggle").not($(this).siblings()).slideUp();
  $(this).siblings(".iteminfo-toggle").slideToggle();
  });
  });
  </code></pre>
  
  <p>my html</p>
  
  <pre><code>&lt;div class="parents-toggle"&gt;
  &lt;div class="itemheading2_toggle"&gt;Heading&lt;/div&gt;
  &lt;div class="iteminfo-toggle hidden"&gt;
  text goes here
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Anyone have any ideas how to combine the plus/minus symbols to display in the current script I am using? ^^;</p>
  
  <p>Here's an example of the minus/plus toggle script: <a href="http://www.queness.com/resources/html/toggle/index.html" rel="nofollow">http://www.queness.com/resources/html/toggle/index.html</a></p>