JSFiddle - React, Tailwind, and code Playground

HTML

<h1>go</h1>

<div id="a">
    <div id="b"></div>
</div>

CSS

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

JavaScript

$(function() {
    $("h1").click(function() {
        $("#a").animate({
            width: 300
        }, 2000)
        .css('overflow','visible');
    });
});