Stop animation *and* prevent complete action from running?
<p>I'm fading a background in and out:</p>

<pre><code>// in:
$bg.css({'pointerEvents':'auto'}).show()
    .stop(true).animate({ 'opacity': 0.90 }, animTime);

// out:
$bg.css({'pointerEvents':'none'}).stop(true)
    .animate({ 'opacity': 0 }, animTime,function () { $bg.hide(); });
</code></pre>

<p>The problem happens when I start fading it back in before it finishes fading out; the complete event will fire part way through the fade-in animation and hide the background.</p>

<p>I guess <code>.stop(true)</code> doesn't clear the complete event -- is there some way I can do that?</p>
