JSFiddle - React, Tailwind, and code Playground

HTML

<div id='someOtherElem'>some other elem</div>

<div class='myElems'>this is a myElem</div>
<div class='myElems'>this is a myElem</div>
<div class='myElems'>this is a myElem</div>
<div class='myElems'>this is a myElem</div>
<div class='myElems'>this is a myElem</div>
<div class='myElems'>this is a myElem</div>
<div class='myElems'>this is a myElem</div>
<div class='myElems'>this is a myElem</div>
<div class='myElems'>this is a myElem</div>

JavaScript

var i=1;
    $('.myElems').animate({width:'200px'}, 200, function(){
        //do something else
        $('#someOtherElem').animate({opacity:'1'}, 300, function(){        
            if (i>1) alert('the '+i+'-th waste of resources just finished wasting your resources');
            i++;
        });
    });