JSFiddle - React, Tailwind, and code Playground

by Corey Frang

HTML

<h1>go</h1>
<h2>stop</h2>
<div id="a">
    <div id="b"></div>
</div>

CSS

#a {
    position: absolute;
    top:50px;
    left: 100px;
    width: 88px;
    height: 144px;
    overflow: hidden;
    
}
#b {
    height: 134px;
    background: yellow;
    border: 5px solid blue;
}

JavaScript

$(function() {
    $("h1").click(function() {
        $("#a").animate({
            width: 300
        }, 2000);
    });
});
$("h2").click(function() {
    $("#a").stop();
});