JSFiddle - React, Tailwind, and code Playground

by lbstr

HTML

<div class="view">a</div>
<div class="view">b</div>
<div class="view">c</div>
<div class="view">d</div>

CSS

.view { display: none; }

JavaScript

$(function() {
        // Start showing the divs
        showDiv();
    });

    function showDiv() {
        var $hiddenViewDivs = $('div.view:hidden');
        var i = 1;
        $hiddenViewDivs.each(function(){
            (function($target){
                setTimeout(function(){$target.fadeIn();}, 300*i);
            })($(this));
            i++;
        });
    }