JSFiddle - React, Tailwind, and code Playground

by Sarbbottam Bandyopadhyay

HTML

<div class="elastic-div">
</div>

CSS

.elastic-div {
    height: 200px;
    background: cyan;
}

JavaScript

var elasticDivWidth = 100;
$('.elastic-div').on('mousedown', function(e) { 
    e.preventDefault();
    if( (e.which == 1) ) {
        elasticDivWidth = elasticDivWidth - 25;
    } else if( (e.which == 3) ) {
        elasticDivWidth = elasticDivWidth + 25;
    }
    $(this).css('width', elasticDivWidth + '%');
}).on('contextmenu', function(e){
    e.preventDefault();
});