title: Toggle innerHTML
body: <p>I've seen various examples come close to what I am looking for, but none of it seems to describe it how I exactly want it. I am a beginner to jQuery, so explanations welcome.</p>
  
  <p>I'm looking for this to toggle the <code>innerHTML</code> from <code>-</code> to <code>+</code>. Anyone know of a way to do this, efficiently? </p>
  
  <p>jQuery/JavaScript       </p>
  
  <pre><code>$(document).ready(function() {
              $(".A1").click(function() {
                  $(".P1").toggle("slow");
                  $(".A1").html("+");
              });
          }); 
  </code></pre>
  
  <p>HTML </p>
  
  <pre><code>&lt;div class="A1"&gt;-&lt;/div&gt;
  &lt;h2 class="H1"&gt;Stuff&lt;/h2&gt;
  &lt;div class="P1"&gt;
  Stuffy, Stuffy, Stuffed, Stuffen', Stuffing, Good Luck Stuff
  &lt;/div&gt;
  </code></pre>
  
  <p>Thank you, anything relating to switching the inside text of an HTML element shall help. =) </p>