JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="cube">
    </div>
</div>

CSS

.container{
    height:200px;
    width:100%;
    padding:100px 0 0 0;
    background:#f00;
}

.cube{
    height:100px;
    width:100px;
    background:#fff;
    margin:0 auto;
}

JavaScript

$(document).ready(function() {
    $(".cube").click( function(){
        $(".cube").toggle( "slide", {easing:'easeInExpo', direction: 'left'}, 500, function(){
		    $(".cube").toggle("slide", {easing:'easeOutExpo', direction: 'right'}, 500);
        });
    });
});