Changing the text of clicked link that triggers a jQuery slideToggle?
<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>
