JSFiddle - React, Tailwind, and code Playground

by salitrapraveen

HTML

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>

  <div id="wrapper">
    <div id="resizable" class="ui-widget-content">resizable</div>
    <div id="content">content</div>
  </div>

CSS

#resizable  { width:175px;  height: 100px; background:#f6f6f6; }
  #content    { position: absolute;background:#eee; overflow:hidden; border:1px solid red; top: 175px; bottom: 0px;}
  #wrapper    { height:400px; }

JavaScript

$(function() {
        $( "#resizable" ).resizable({handles: 'se',});
  });