JSFiddle - React, Tailwind, and code Playground

by Ali Khaled

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<div class="faded">Div 1</div>
<div class="faded">Div 2</div>
<div class="faded">Div 3</div>
<div class="faded">Div 4</div>
<div class="faded">Div 5</div>
<div class="faded">Div 6</div>
<div class="faded">Div 7</div>

CSS

.faded { display: none; border: solid 1px #ddd; background: #eee; }

JavaScript

$(".faded").each(function(i) {
  $(this).delay(i * 1000).fadeIn(1000);
});