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

#href1, #href2, #href3, #href4, #href5 {
    opacity: 0.75;
}

JavaScript

(function fadeLink($){
    $.eq(0).fadeTo("slow", 1, function(){
        ($=$.slice(1)).length && fadeLink($);
    });
})($('ul > li'));