title: Toggle control - how to create plus minus button?
body: <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>