jQuery quote rotator using slideUp and slideDown
<p>I have a quote rotator set up that is displaying two quotes at a time and kind of jumping around all over the place when it should just be rotating smoothly between each one.
I can't figure out what is going wrong. See it in action here - <a href="http://jsfiddle.net/RF3xK/1/" rel="nofollow">http://jsfiddle.net/RF3xK/1/</a></p>

<p>Code is below,</p>

<pre><code>&lt;div id="quotes"&gt;
&lt;div class="textItem"&gt;
    testing the quotes testing the quotes
&lt;/div&gt;
&lt;div class="textItem"&gt;
    asdfdsaf sdf sdf sdf sf sd fsdaf sdf sdaf sdfsd f ds f dsf asdfsdafdsaf asdfdsaf sdf sdf sdf sf sd fsdaf sdf sdaf sdfsd f ds f dsf asdfsdafdsaf
&lt;/div&gt;  
&lt;div class="textItem"&gt;
    and another one
&lt;/div&gt; 
</code></pre>

<p></p>

<p>and the jQuery</p>

<pre><code>$(document).ready(function() {
$('#quotes .textItem').hide();
InOut($('#quotes .textItem:first'));

function InOut(elem) {
elem.delay().slideUp(800).delay(0).slideDown(0, function() {
    if (elem.next().length &gt; 0) {
        InOut($(this).next());
    }
    else {
        InOut($(this).siblings(':first'));
    }
});
}

$('#quotes .textItem').mouseover(function() {
$(this).stop(true, true);
});
$('#quotes .textItem').mouseout(function() {
if ($(this).is(":visible") == true) {
    InOut($(this));
}
});
});
</code></pre>
