title: How do I change my button text onclick?
body: <p>I have a jQuery slideToggle that I am using to display and hide certain content. It always show an arrow pointing down, but if clicked and the text is shown, the arrow should be pointing up. Anyway to do this?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      $(document).ready(function(){
          $("button").click(function(){
              $("p").slideToggle();
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>
  </p>
  
  <pre><code>&lt;button&gt;&amp;#8595;&lt;/button&gt;
  &lt;p&gt;Wow!&lt;/p&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>