JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <body>
    <div class="block"></div>
    <div class="block"></div>
    <div class="block"></div>
    <div class="block"></div>
    <button id="button">Generate!</button>
  </body>
</html>

CSS

.block {
  display: inline-block;
  width: 100px;
  height: 0;
  border: 2px solid;
  visibility: hidden;
}

button {
  position: absolute;
  top: 170px;
  left: 50px;
}

JavaScript

$("button").click(function() {
	let i = 0;
	setInterval(function() {
  	if(i == 4) clearInterval();
  	$(".block").eq(i).css({visibility:"visible", height: "140px"});
  	$(".block").eq(i).html("TEXT" + i);
    i++;
  },100);
});