Исчезайте плитки одну за другой, затем постепенно

Question

У меня есть большая плитка размером 150px x 150px, которая имеет 9 меньших плиток размером 50px x 50px.Я хочу, чтобы маленькие плитки постепенно исчезали, чтобы показать большую плитку внизу, а затем постепенно появлялись в каждой маленькой плитке примерно через 3 секунды.Этот процесс должен повториться после паузы около 5 секунд.У меня есть грубый прототип здесь:

http://jsfiddle.net/psivadasan/k34xX/1/

Ценю любую помощь.

Answer 1

См. Мой код ниже, DEMO здесь

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);
    }
}