JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/ui-lightness/jquery-ui.css">
<button>boom</button>
<div id="test">
</div>
CSS
#test {
width: 200px;
height: 200px;
margin: 0 auto;
border: 1px solid #000;
background: #abcdef;
}
JavaScript
$("button").click(function() {
$("#test").toggle("explode", 1000);
setTimeout(function() {
// note - this wont actually stop anything...
$("#test").stop();
}, 100);
});