jquery - 最初のトランジションがスムーズでない jQuery のフェードイン/アウト

Question

一連の div を循環する jQuery コードがいくつかあります。現在のdivがフェードアウトし、次のdivがその場所でフェードインするようにしています。問題は最初のトランジションにあります。表示されている div はフェードアウトせず、消えるだけです。最初のトランジションの後、残りのトランジションは適切なフェード イン/アウト モーションでスムーズに行われます。以下は、div の例です。

<div id="testimonials">
    <div class="testimony current">
        <p>Text1</p>
    </div>
    <div class="testimony">
        <p>Text2</p>
    </div>
</div>

以下はトランジション用の jQuery です。

$(document).ready(function() {
    var cycle = window.setInterval(next, 6000);

    function next() {
        $('#testimonials .current').removeClass('current').fadeOut(500).next().add('#testimonials div:first').last().fadeIn(2000).addClass('current');
    }
});

ぎこちない最初の遷移は、http: //jrubins.webfactional.com/tamid/vision.phpで確認できます。