JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<div id="toggle">click me</div>
<div class="block">
</div>
</div>

CSS

.block {
    display: block;
    width: 250px;
    height: 100px;
    background: #000;
}
#toggle {
    position: absolute;
    display: block;
    color: #FFF;
    background: #e7b2d3;
}
.overflowForce {
    overflow: visible !important;
}
#container {
    position: relative;
}

JavaScript

$('#toggle').toggle(function() {
        $('.block').delay(800).addClass('overflowForce').animate({width: 100}, {
            complete: function() {
                $(this).removeClass('overflowForce');
            }
        });
    }, function() {
        $('.block').addClass('overflowForce').animate({width: 250}, {
            complete: function() {
                $(this).removeClass('overflowForce');
            }
        });
    });