Namespacing animations
<p>Is it possible to namespace animations? Specifically, my problem is that on a given element <code>$myElement</code> I am doing animations of two types. Now I would like to use <code>.stop()</code> on only one of these types, not both.</p>

<p>How can I do that?</p>

<p><strong>EDIT</strong></p>

<p>Code available here: <a href="http://jsfiddle.net/y34ME/1/" rel="nofollow">http://jsfiddle.net/y34ME/1/</a></p>

<p>My problem is that when I click the <code>span</code> I want it to fade away, regardless of whether I do a <code>mouseout</code>. Currently, the <code>mouseout</code> interrupts the fading away because of the <code>.stop()</code>, but I need the <code>.stop()</code> to prevent <code>mouseover</code> and <code>mouseout</code> events to queue up.</p>
