Toggle control - how to create plus minus button?
<p>My toggle control is working, but I would like to add a plus-minus button: when content appears it becomes "-" and when content is hidden it changes to "+". Can you help please?</p>

<pre><code> &lt;div class='toggle'&gt;
    &lt;h2&gt;Read More&lt;/h2&gt;
    &lt;div class="togglebox"&gt;
      &lt;div class="content"&gt;
        &lt;h3&gt;   
           &lt;p&gt;
              A new exciting way to broadcast your business to customers     
              A new exciting way to broadcast your business.Lorem ipsum 
           &lt;/p&gt;
        &lt;/h3&gt;
        &lt;!--Content Here--&gt;
      &lt;/div&gt;
    &lt;/div&gt;
 &lt;/div&gt;

 &lt;script&gt;
   $(document).ready(function(){
       //Hide the tooglebox when page load
       $(".togglebox").hide();
        //slide up and down when click over heading 2
       $("h2").click(function(){
           // slide toggle effect set to slow you can set it to fast too.
           $(this).next(".togglebox").slideToggle("slow");
           return true;
       });
   });
 &lt;/script&gt;
</code></pre>
