JSFiddle - React, Tailwind, and code Playground

by Corey Frang

HTML

<button id="button">Explode</button><br />
<div id="div1">Explode it!</div>
<div id="div2">This one explodes a little later</div>

CSS

div {
    width: 100px;
    height: 100px;
    background: green;
    display: inline-block;
    vertical-align: top;
}

JavaScript

$("#button").click(function() {
    $("#div1").toggle("explode", 1000);
    $("#div2").delay(750).toggle("explode", 1000);
});