<div id="resize_id" class=resize_cl></div>
JQuery
<script>
$(document).ready(function() {
//////////////////////////
$( "#resize_id" ).resizable({
animate: true
});
/////////
})
</script>
If we don't want animation while resizing then set the animation option to false
<script>
$(document).ready(function() {
//////////////////////////
$( "#resize_id" ).resizable({
animate: false
});
/////////
})
</script>