JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div class="box"></div>

CSS

.box{
    width: 350px;
    height: 150px;
    float: left;
    background: #333333;
    margin: 10px;
}

JavaScript

$(document).on("dblclick", ".box", function() {

    var box = $(this);
    
    if ( ( box.width() / 2 ) >= 20 ) {
  
        box
          .width( box.width() / 2 )
          .clone().insertAfter( box );

    }
    
});