JSFiddle - React, Tailwind, and code Playground

by Zeljko Tadic

HTML

<div class="showcourse">
1
</div><div class="showcourse">
2
</div><div class="showcourse">
3
</div><div class="showcourse">
4
</div><div class="showcourse">
5
</div>

CSS

.showcourse {
  display: none;
}

JavaScript

$(document).ready(function () {
  var num = 0;
  $(".showcourse").each(function (index) {
    $(this).attr("id", "ID" + num);
    num++;
  });
  for (var i = 0; i < $(".showcourse").length; i++) {
    $("#ID" + i).delay(i * 2000).slideDown(2000);
  }
});