JSFiddle - React, Tailwind, and code Playground

by Anu Vidhya

HTML

<div id="wrap">
<div class="splat"><!-- --></div>
</div>

CSS

#wrap{
    position:relative;
    width: 10px;
	height: 400px;
    margin:100px 0 0 100px;
}
.splat {
	width: 100%;
	height: 100%;
	background: blue;
    position: absolute;
    right:0;
}

JavaScript

jQuery(document).ready(function($){
    $(document).on('click', '.splat', function(e){
        $(this).animate({width:"100"},800);
    });
});