[seogitler]

Нужно реализовать плавное появление блоков, один за другим (независимо друг от друга, а просто, чтобы каждый появлялся через заданное время после загрузки страницы). Т.е. нужно задать каждому блоку задержку перед началом появления после загрузки страницы и чтоб появлялся плавно, желательно через изменение opacity. Пробовал делать такое при помощи setTimeout но они просто выскакивают без всякой анимации. Пробовал вместе с сет таймаут юзать Fade In, но он никак не заработал. Думаю это от того, что я не шарю в синтаксисе и что-то напутал. Помогите, желательно готовым кодом. Вроде задача простая, а времени на неё убито море.

[thomas]

seogitler, как-то так

Код HTML:

$(document).ready(function() {
  setTimeout(function(){$('.class-block').fadeIn()},10000);  //1000 = 1 sec
}

[seogitler]

thomas, не заработал, почему-то этот код. Я делал изначально задав элементам display: none; , а потом через сет таймаут им присваивался дисплей блок.

Может это возможно реализовать через animate.css?

[thomas]

seogitler, ну значит что-то не так делаете. У вас jquery подключен вообще?
вот пример работы данного кода _http://jsfiddle.net/eyJC4/106/

[vovasit91]

seogitler,вам товарищ Томас правильно все написал. Значит неправильно что-то делаете. Покажите пример где нужно сделать, поможем.

[Ems]

У вас jquery подключен вообще?

А если не подключен, теперь ему jquery подключать из-за пары строчек?)

Такие вещи лучше на vanilla js делать.

[seogitler]

У вас jquery подключен вообще?

Да, подключен

Там не 1 скрипт подрублен. Почему-то сам сет таймаут выполняется в одиночку. В связке с фед ин не пашет и фейд ин сам не пашет.

Там показывать нечего. Джквери включен, пару скриптов уже есть, все работают и до подключения этого и после.

Может я полную наркоманию пишу но с JS работаю пока с помощью гуглинга готовых скриптов.

[thomas]

А если не подключен, теперь ему jquery подключать из-за пары строчек?)

Такие вещи лучше на vanilla js делать.

а в чем проблема-то? из-за пары или не из-за пары... тем более чаще всего на сайте он уже используется
ну предложите свое решение на vanilla js