SO fiddle

Test Fiddle mainly for SO Questions

by sujay

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/overcast/jquery-ui.css">
<div id="resizable" class="ui-widget-content">
    <h3 class="ui-widget-header">Resizable</h3>
</div>

CSS

#resizable { min-width: 20%; max-width: 60%; height: 150px; padding: 0.5em; }
#resizable h3 { text-align: center; margin: 0; }

JavaScript

$("#resizable").resizable({
    handles: 'e'
}).draggable();