JSFiddle - React, Tailwind, and code Playground

by brico

HTML

<div class="wrap">
<div class="test one">This</div><div class="test two">Junk</div>
    
</div>

CSS

.wrap { width: 100%; display: table;}
.test { display: table-cell; position: relative;} 
.one { width: 12%; background: silver;}
.two { width: 88%; background: whitesmoke;}

JavaScript

$('.two').click(function() {
    $('.one').animate({
        left: '-200px'
    });
    $(this).animate({
        width: '100%'
    });
});