JSFiddle - React, Tailwind, and code Playground

HTML

<a id="changediv">changediv</a>
<br>
<div id="div1">Div1</div>
<div id="div2">Div2</div>

CSS

#div1{
    width:200px;
    height:200px;
    background-color: #06c;
    float: left;
    overflow: hidden;
}
#div2{
    width:200px;
    height:200px;
    background-color: #ff6600;
    margin-left: 9999px;
    overflow: hidden;
}

JavaScript

$('#changediv').click(
function() {
    $('#div1').animate({"width": 0}, "slow");
    $('#div2').animate({"margin-left": 0}, "slow");
});