JSFiddle - React, Tailwind, and code Playground

by squarefoo

HTML

<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
</ul>

CSS

ul li {
    display:none;
}

JavaScript

(function ($) {
    $.fn.animateAfterAnother = function () {
        var args = $.makeArray(arguments),
            props = args.shift(),
            optall = $.speed.apply(null, args);
        
        args.shift(props);

        

        function animate($elements) {
            var elements = $.makeArray($elements) || [],
                element = elements.shift();

            if (!element) {
                return;
            }

            /*$(element).animate(, function () {
                animate(elements);
            });*/
        }

    };
})(jQuery);

$('li').animateAfterAnother({
    display: 'block'
}, 1000, function lol() {1+1});