JSFiddle - React, Tailwind, and code Playground

by Craig Martin

HTML

<div class="section group setmain">
    <div class="cont seated col span_1_of_4 seta">aaaaa</div>
    <div class="cont seated col span_1_of_4 seta activeview">1</div>
    <div class="cont seated col span_1_of_4 seta">sssss</div>
    <div class="cont seated col span_1_of_4 seta activeview">2</div>
    <div class="cont seated col span_1_of_4 seta">dddd</div>
    <div class="cont seated col span_1_of_4 seta activeview">3</div>
    <div class="cont seated col span_1_of_4 seta">fff</div>
</div>

CSS

.red {
    color:red;
}

JavaScript

var elem = jQuery('.setmain').find('.seta').sort(sortMe);

function sortMe(a, b) {
    return a.className < b.className;
}
var allElem = elem.get();
(function append() {
    var $this = jQuery(allElem.shift());
jQuery('.setmain').append($this.fadeOut(10)).find($this).fadeIn(10, function () {
        if (allElem.length > 0) window.setTimeout(append);
    });
})();