JSFiddle - React, Tailwind, and code Playground

by JeffreyTaylor

HTML

<div id="spacer"><div>
<div id="myBox">
    I am bad and resize when I animate.
</div>

    <br />
    <br />
<a href="" id="button">click me</a>

CSS

#spacer
{
    margin-top:50px;
}
#myBox 
{
    float:right;
}

JavaScript

$('#button').click(function (e) {
    e.preventDefault();
    $('#myBox').animate({ width: 'toggle' }, 1000);
});