jQuery looping animation jumps past animations
<p>First, I tried to create a looping animation like this <a href="http://jsfiddle.net/KrisBraun/2ReGy/1/" rel="nofollow">fiddle</a>:</p>

<pre><code>function rotator() {
  $('#foo').stop(true).delay(500).fadeIn('slow').delay(2500).fadeOut('slow',rotator);
}
$('#foo').hide();
rotator();​
</code></pre>

<p>This appears to skip the delay after the first iteration.</p>

<p>So I tried this <a href="http://jsfiddle.net/KrisBraun/bW4GX/" rel="nofollow">fiddle</a>:</p>

<pre><code>function rotator() {
  $('#foo').stop(true).delay(500).fadeIn('slow').delay(2500).fadeOut('slow',rotator);
}
$('#foo').hide();
rotator();​
</code></pre>

<p>In this case, the fadeIn appears to jump straight to show after the first iteration.</p>

<p>I'm stumped. All these operations should be part of the fx queue. And even if there weren't, I can't explain why a fadeIn would change to a show. Any ideas?</p>
