第一個轉換不順利jQuery淡入/淡出

Question

我有一些jQuery代碼循環通過一系列的div。我擁有它，所以當前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

Answer 1

更改順序撥打​​和removeClass()方法，試試這個：

function next() { 
    $('#testimonials .current').fadeOut(500, function(){ 
     $(this).removeClass('current') 
    }).next()... 
}