JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/redmond/jquery-ui.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js"></script>
<div id="container">
    <div id="also">The black resizable element get smaller or larger on resizing.</div>
</div>

CSS

body{ font-size:15px; font-family:Arial; }
#container {
    width:200px;
    /*padding:0.5em;*/
    padding: 12px;
    background:#000;
}
#also { background:#aaa; }

JavaScript

$('#container').resizable({ alsoResize: '#also' });