JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li id="href1">item</li>
    <li id="href2">item</li>
    <li id="href3">item</li>
    <li id="href4">item</li>
    <li id="href5">item</li>
</ul>

CSS

li {opacity: 0}

JavaScript

(function($){
var i = 0,
    $ul = $('ul'),
    l = $('li', $ul).length,
    timer = setInterval(function(){
        if (i === l) clearInterval(timer);
        $('li', $ul).eq(i).animate({opacity:1}, 160);
        i++;
}, 200);
}(jQuery));