JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>
<div id="div6">6</div>
<div id="div7">7</div>
<div id="div8">8</div>
<div id="div9">9</div>
<div id="div10">10</div>

CSS

div{ display: block; border: 1px solid #c2c2c2; background-color: #d2d2d2; font-size: 0.9em; padding: 5px; }

JavaScript

var list = [ '#div1', '#div2', '#div3', '#div4', '#div5', '#div6', '#div7', '#div8', '#div9', '#div10'];
var i = 0;

function fade(func) {
    if (i < list.length) {
        $(list[i]).bounceIn('slow', function() {
            i++;
            bounce();
        });
    } else {
        if (func) {
            func();
        }
    }
}
bounce();