Jquery 循环浏览div，淡出上一个div，淡入下一个div

我已经有了循环效果，但我不知道如何在下一个div中淡出，而上一个div正在淡出

相反，在下一个div消失之前，我拥有的是空白

例如：

片段：

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;

})();

---

可能重复的循环是回调函数，在淡出完成之前它不会再次运行