JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

CSS

html, body { padding:10px; }
div { 
    width:50px; height:50px;
    margin:10px; 
    float:left;
    background:rgba(0,0,0,.1);
}

div.highlight { 
    background:rgba(60,200,255,0.5);
}

JavaScript

$(function () {
    var runner = function (el) {

        var next = el.addClass('highlight').next('div');
    
        setTimeout(function () {
            el.removeClass('highlight');
            next && runner(next);
        }, 0)        
    };
    
    runner($('div:first'));
});