JSFiddle - React, Tailwind, and code Playground

by basiclaser

HTML

<div id="container">
<div class="one">1</div>
<div class="two">2</div>
<div class="three">3</div>
<div class="four">4</div>
</div>

CSS

body{background:black;margin:0;padding:0;}
#container {background:yellow;}

JavaScript

var elementArray = ["#container",".one",".two",".three",".four"];

for(var elements in elementArray){
    $( elementArray[elements] ).hide();
}

current = 0;
setInterval( function(){
    $( elementArray[current] ).fadeIn("slow");
    current++;
    }, 1000);