JSFiddle - React, Tailwind, and code Playground

by matmuchrapna

HTML

<div class="alert">Login successful</div>
<div class="alert">You have new messages waiting</div>

JavaScript

$('.alert').click(function(){
    nextAnim($('.alert'));
});

function nextAnim($alerts) {
    $alerts
        .eq(0)    // get the first element
        .show("slow",
            function() {
                nextAnim($alerts.slice(1));  // slice off the first element
            }
        )
    ;
}