Как сделать плавное появление блоков (один за другим)?

Question

[Ilya Bobkov]

Привет. Возникла задача. Нужно сделать плавное появление блоков стоящих один за другим в один ряд. Т.е. что-бы после появления одного блока, плавно появлялся другой. Кто знает, кто делал?

Answer 1

[Александр Крупнов]

.onScreen();

Answer 2

[Александр Золотых]

Для jQuery используйте встроенный метод: api.jquery.com/animate
Используйте вложенния через complete функцию, при большом количестве блоков код может стать неудобочитаемым, тогда можно прибегнуть к итеративным_функциям/setTimeout/setInterval.

Answer 3

[Дима Паутов]

$('div').each(function(i, e){
        setTimeout(function(){
            $(e).addClass('animated') //Добавляем класс через каждые 200мс, а внутри класс анимируйте.
        }, i * 200)
    });

Answer 4

[Павел Гоголинский]

Если их ограниченное количество - укажите для каждого в отдельности animation-delay по возрастанию

Answer 5

[Vanya Semeschuk]

WOW