JSFiddle - React, Tailwind, and code Playground

by naveen

HTML

<ul>
    <li>asd</li>
    <li>asd1</li>
    <li>asd2</li>
    <li>asd3</li>
    <li>asd4</li>
</ul>

CSS

ul li {display: none}

JavaScript

$(function() {
    $('ul li:hidden').each(function(idx) {
        setTimeout(function(el) {
            el.fadeIn();
        }, idx* 1000, $(this));
    });
});