JSFiddle - React, Tailwind, and code Playground
HTML
<ul class="row-assets">
<li class="asset">Item 1</li>
<li class="asset">Item 2</li>
<li class="asset">Item 3</li>
<li class="asset">Item 4</li>
</ul>
CSS
.asset {
display: none;
}
.animated {
background: red;
}
.fadeOutUp {
display: list-item;
}
JavaScript
var addClassToEl = function($el) {
$el.addClass('animated fadeOutUp');
};
$('.row-assets .asset').each(function(i, el) {
setTimeout(function() {addClassToEl($(el))}, i++ * 500);
});