JSFiddle - React, Tailwind, and code Playground

by triowinner

HTML

<div class="block1">
  <p>Информация 1</p>
</div>
<div class="block2">
  <p>Информация 2</p>
</div>

CSS

.block1,
.block2 {
  display: none;
  float: left;
  padding: 20px;
  width: 500px;
  height: 150px;
  background: #777;
}

JavaScript

$(function() {
  var block = new Array($('.block1'), $('.block2'));
  $(block[0]).fadeIn(1000).delay(500).fadeOut(1000).queue(function() {
    $(block[1]).fadeIn(1000).delay(500).fadeOut(1000);
  });
});