title: Changing the text of clicked link that triggers a jQuery slideToggle?
body: <p>I have two elements one in top of the other:</p>
  
  <pre><code>&lt;form class="order-form"&gt;&lt;/form&gt;
  &lt;a href="#" class="hide-details"&gt;Hide Details&lt;/a&gt;
  </code></pre>
  
  <p>I'm using the jQuery slideToggle:</p>
  
  <pre><code>  // Show/Hide Details
     $("a.hide-details").click(function () {
      $(".order-form").slideToggle(0);
     });
  </code></pre>
  
  <p>I would like the text "Hide Details" to change to "Show details" after the form is collapsed. And when the form is expanded I would like to change the text to "Hide Details" again.</p>
  
  <p>Any suggestions to accomplish this?</p>