JSFiddle - React, Tailwind, and code Playground

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);
    $(this).delay(parseInt($(this).attr('data-order'), 10) * 500).fadeTo(1000,1);
});