Поэтапная смена блоков jquery + fadeIn?

Question

[Евгений]

Как можно на js/jquery реализовать поэтапную смену блока?

С появлением через fadeIn.

Типа как в карусели bootstrap, ток повторы не нужны, при достижении конца выполнять определенное действие, типа кнопочку показать.
Хочу сделать что-то типа эпилога в игре, вывод блока через fadeIn сделал, но мне еще нужно чтобы эти блоки менялись.

Во многих играх на пк такое реализовано, к примеру DarkWood, Сталкер ЗП(хоть там и видос, но суть понятна).

Интервал между ними 5-10 секунд, чтобы юзер мог прочитать текст.

Answer 1

[0xD34F]

<div class="block">hello, world!!</div>
<div class="block">fuck the world</div>
<div class="block">fuck everything</div>
<button>click me</button>

.block {
  display: none;
}

const $btn = $('button').click(function() {
  $btn.hide();

  $('.block').get().reduceRight((onComplete, el) => {
    return () => $(el).fadeIn(300).delay(1000).fadeOut(300, onComplete);
  }, () => $btn.show())();
});

Comments

[Евгений]

Немного не то. Надо чтобы кнопка в конце появилась, а текст после загрузки страницы

[0xD34F]

Евгений Шишмаков, давайте уточним: вы и впрямь настолько глупы, что неспособны самостоятельно сделать кнопку изначально невидимой, и поместить запуск нужного кода в ready?

А может, вы просто до крайности обленились и обнаглели?