JSFiddle - React, Tailwind, and code Playground

HTML

<span>Click on the first box.</span><br />
<div class="fadeDiv"></div>
<div class="fadeDiv"></div>
<div class="fadeDiv"></div>
<div class="fadeDiv"></div>

CSS

.fadeDiv {float:left;width:40px; height:40px; background-color:red; border:1px solid black;}

JavaScript

var fadeDivs = $('.fadeDiv'),
    fadeDiv = (function () {
        var maxDivs = fadeDivs.length,
            i = -1;
        return function () {
            i += 1;
            if (i === maxDivs) return;
            $(fadeDivs[i]).animate({opacity: '0'}, 500, fadeDiv);
        };  
    })();;

fadeDivs[0].onclick = fadeDiv;