jQuery stop animation
<p>So I have a list of news items that have AJAX controls to create, edit, or delete. Upon one of these actions a small message is shown at the top confirming whatever they did. So if they add a new post, it pops up with "Added News: title". It slides down, then after 10 seconds slides up back. The problem is that if multiple actions are done before the 10 seconds is up, it animates multiple times.</p>

<p>For example:
Create news with title "one" - message comes down.</p>

<p>After 4 seconds, Create news with title "two" - message comes down.</p>

<p>After 6 seconds, message for "one" slides up, and then after another 4 seconds the message for "two" slides up.</p>

<p>I want it to only ever slide up once, so you can queue as many actions you want and then 10 seconds after the last action, it slides up.</p>

<p>Here's what I got:</p>

<pre><code>$('#ajax-message').html('Added News: ' + title);
$('#ajax-message').slideDown('1000').delay('10000').slideUp('1000');
</code></pre>
