JSFiddle - React, Tailwind, and code Playground

HTML

<div id="element1" style="background: blue">adsfj aldkjld dsfjld </div>
<div id="element2" style="background: red">adsfj aldkjld dsfjld </div>
<div id="element3" style="background: green">adsfj aldkjld dsfjld </div>

JavaScript

$(function() {
    var i = 1;
    var elementDivs = $("div[id^='element']").length;

    function animateDivs(i) {

        $("#element" + i).animate({
            width: 'toggle',
            height: 'toggle'
        }, {
            duration: 5000,
            specialEasing: {
                width: 'linear',
                height: 'linear'
            },
            complete: function() {
                $(this).after('<div>Animation complete.</div>');
                if (i <= elementDivs) {
                    i++;
                    animateDivs(i);
                }

            }
        });
    }
    animateDivs(i);
});