JSFiddle - React, Tailwind, and code Playground

by eddiemonge

HTML

<div id="id1"></div>
<div id="id2"></div>
<div id="id3"></div>
<div id="id4"></div>
<div id="id5"></div>
<div id="id6"></div>
<div id="id7"></div>
<div id="id8"></div>

CSS

#id1 { background: red; }
#id2 { background: orange; }
#id3 { background: yellow; }
#id4 { background: blue; }
#id5 { background: green; }
#id6 { background: indigo; }
#id7 { background: violet; }
#id8 { background: pink; }

div { width: 50px; height: 50px; display:none; }

JavaScript

var del = 0;
$('div').each(function() {
    del += 200;
    $(this).delay(del).fadeIn();
    console.log(del)
});