JSFiddle - React, Tailwind, and code Playground

by johntrepreneur

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<div id="div1"></div>

CSS

#div1 {
    height: 200px;
    width: 400px;
    background-color: darkgreen;
}

JavaScript

$('#div1').resizable();

$('#div1').on('mousedown', function(e) {
    
    var e2 = jQuery.Event( "mousedown", { 
        pageX: e.pageX,
        pageY: e.pageY,
        which: 1
        ,button: 2
    } );
    
    
    $('#div1').find('.ui-resizable-e')
	.trigger("mouseover")
	.trigger(e2);
});