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

$(document).read(function () {
    $.each(['#href1',
        '#href2',
        '#href3',
        '#href4',
        '#href5'], function (i, l) {

        $(l).fadeTo('slow', 1.0).delay(200);

    });
});