JSFiddle - React, Tailwind, and code Playground

by GlauberRocha

HTML

<span id="trigger">Click</span>

<div class="min">Hello</div>

CSS

div {
    width: 300px; height: 300px;
    background-color: red; color: white;
    text-align: center; line-height: 300px;
}

div.min {
    width: 150px; height: 150px; line-height: 150px;
    background-color: blue;    
}

#trigger {
    display: block; cursor: pointer; margin:24px 0;
}

JavaScript

$("#trigger").on("click", function() {
    $("div").toggleClass("min", 1000, function() {
        $("div").clearQueue(); // OK
    });
    console.log($("div").queue("fx"));
});