jQuery function queueing confusion
<p>I'm trying to understand exactly what it means when I put multiple calls in a row on jQuery, because I'm not getting the results I expect in similar situations.</p>

<p>Example 1:</p>

<pre><code>$(this).animate({opacity: 0.25}, 250).animate({opacity: 1.0}, 250);
</code></pre>

<p>As expected, this gives a quick flash of translucency before returning to full opacity.</p>

<p>Example 2:</p>

<pre><code>$(this).animate({opacity: 0.25}, 250).removeAttr("style");
</code></pre>

<p>In this case, instead of a gradual return to opacity, I would expect the removeAttr("style") to cause it to jump back to opacity after the animation is complete. This is because the animate opacity function merely changes values for <code>opacity</code> and sets <code>display:block</code>, and I would expect that by removing these styles, everything returns to normal.</p>

<p>Instead, it seems like the removeAttr is firing before the animation is complete, clears out the style, and then animation sets the opacity some more, leaving the item translucent. </p>

<p>The fact that this is the sequence of events would seem to be confirmed by the fact that altering the removeAttr to use a completion callback works properly:</p>

<pre><code>$(this).animate({opacity: 0.25}, 250, function(){$(this).removeAttr("style");});
</code></pre>

<p><b>Why is it that animations appear to be processed serially, while at least some functions are processed in parallel with the animations?</b></p>
