JSFiddle - React, Tailwind, and code Playground

by Palpatim

HTML

<div class="element" data-order="2">Div 2</div>
<div class="element" data-order="1">Div 1</div>
<div class="element" data-order="3">Div 3</div>

CSS

.element {
    display: none;
    border: 1px solid red;
    height: 4rem;
    line-height: 4rem;
    margin: 2rem;
    text-align: center;
}

JavaScript

$('.element').each(function() {
    var $el, o;
    $el = $(this);
    o = parseInt($el.attr('data-order'), 10);
    $el.delay(o * 500).fadeTo(1000, 1);
});