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).ready(function () { // note: you had a typo "read" instead of "ready"
    $.each(['#href1',
            '#href2',
            '#href3',
            '#href4',
            '#href5'], function (i, l) {

        setTimeout(function(){
            $(l).fadeTo('slow', 1.0);
        }, i * 500);
    });
});