JSFiddle - React, Tailwind, and code Playground

by Corey Frang

HTML

<div id="test">Bounce Me times 3</div>
<div id="test2">Toggle Me 250ms</div>
<button id="a250">Duration: 250ms</button>
<button id="a50">Duration: 250/3ms</button>

CSS

#test,#test2 {
    width: 100px;
    height: 100px;
    background: yellow;
    
}

JavaScript

$("#a250").click(function() {
    $("#test").toggle("bounce", {duration: 250, times: 3});
    $("#test2").toggle(250);
});

$("#a50").click(function() {
    $("#test").toggle("bounce", {duration: 250/3, times: 3});
    $("#test2").toggle(250);
});