Jquery 逐个淡出瓷砖，然后淡入

我有一个大的150px 150px磁砖，它有9个小的50px x 50px磁砖。我想一个接一个地淡出小瓷砖，露出下面的大瓷砖，然后在大约3秒钟后一个接一个地淡入每个小瓷砖。暂停约5秒后，应重复此过程。我这里有一个粗略的原型：

感谢您的帮助。

请参阅下面的代码

---

虽然粗略的原型可以工作，但完成动画的功能并不简洁。感谢您对如何编写更简洁的函数的帮助。非常感谢SKS！感谢你花时间来帮助我。

var $divs, curPointer = 0; curOpacity = 0;
function rotateDivs() {   

    $divs.eq(curPointer++).animate({opacity: curOpacity}, 1000);

    if (curPointer == $divs.length) {
        curPointer = 0;
        curOpacity = (curOpacity == 0)? 1: 0;
        setTimeout(rotateDivs, 5000);
    } else {
        setTimeout(rotateDivs, 3000);
    }
}