title: Toggle Text with jQuery
body: <p>I've found a a few articles here on this topic but none seem to answer exactly what I'm looking for.</p>
  
  <p>Here is my current code:</p>
  
  <pre><code>    $(".email-slide").click(function(){
      $("#panel").slideToggle("slow");
      $(this)
      .text("Close")
      .toggleClass("active");
  });
  </code></pre>
  
  <p>When I select the word "Email" which has the class "email-slide" the top panel slides down, and the word "Email" turns to white, and the word "Email" turns into the word "Close".</p>
  
  <p>All good so far. But when clicking "Close" though the color and panel go back to normal, the word "Close" does not turn back into the word "Email". Instead of .text("Close") I tried .toggleText("class") but it seems that does not work. Is there something similar I could do it accomplish it by adding the least amount of code possible? Thank you!</p>
  
  <p>UPDATE - I am able to accomplish it by using the following code, but was hoping that would be a more efficient/shorter way of doing it. If not, let me know. Thanks!</p>
  
  <pre><code>$(".email-slide").click(function(){
      $("#panel").slideToggle("slow");
      $(this).toggleClass("active");
  });
  
  $(".email-slide").toggle(function (){
      $(this).text("Close")
  }, function(){
      $(this).text("Email")
  });
  </code></pre>