Последовательная загрузка эффекта fadeIn с помощью Javascript и jQuery

Question

Я недавно натолкнулся на веб-сайт, и я хотел бы повторить эффект загрузки fadeIn.

Вы можете увидеть это здесь

Загрузка и выцветание страницы действительно хороши, потому что не все выцветает одновременно. Это следует за последовательным заказом, я думаю.

Это код, который я нашел и предположил, был правильным кодом:

$(window).load(function() {
  $(".fade").each(function(i) {
    $(this).delay(100*i).fadeIn();
  });
});

Я пытался скопировать это на свой сайт, но ничего не получилось. Я изменил ".fade" на другой класс, специфичный для моего сайта. Я также не вижу ошибок на своей странице.

Что не так? Почему это не работает? Есть ли что-то еще, что мне нужно изменить? Что значит 100*i? 1016 *

Answer 1

Для того, чтобы что-то исчезнуть «в» - сначала оно должно быть невидимымУбедитесь, что вы добавили следующий CSS:

.fade {
   display: none;   
}