How do I get this more... text to change after a slideToggle() has happened, using Jquery?
<p>I have this piece of JQuery:</p>

<pre><code>$('.myAuctionPanel h3').click(function(){

        $(this).next().slideToggle();

        $(this).children().text("more...");
});
</code></pre>

<p>This is what happens so far...when I click on the <code>&lt;h3&gt;</code> a div underneath it does a slideToggle(). Inside the <code>&lt;h3&gt;</code> I have a <code>&lt;span&gt;</code> which then shows the 'more...' text.</p>

<p>My question is when I click the <code>&lt;h3&gt;</code> again how do I get the text inside the span to change to 'less...'?</p>

<p>Any help is Greatly Appreciated, Thanks</p>
