JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
    <li>d</li>
    <li>e</li>
</ul>

JavaScript

var d = $.Deferred().resolve();
$("li").get().forEach(function(li){
    d = d.then(function(){ return $(li).animate({opacity : 0}, 1000); });
});