JSFiddle - React, Tailwind, and code Playground

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; background:#000; }
#also { background:#aaa; }

JavaScript

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