jquery - 循环浏览 div，淡出前一个 div 淡入下一个 div

Question

我已经通过效果的循环工作得很好，但我不知道如何在前一个 div 淡出时淡入下一个 div。

相反，我所拥有的是在下一个 div 淡入之前的空白。

示例：http: //jsfiddle.net/Covanant/mhzn4/

片段：

var divs = $('div[id^="content-"]').hide(),
    i = 0;

(function cycle() { 

    divs.eq(i).fadeIn(3000)
              .addClass('animated')
              .delay(1000)
              .fadeOut(3000, cycle);

    i = ++i % divs.length;

})();