Resizing a div component using Jquery Resizable UI

Resizing a div component using Jquery Resizable UI


I Somu currently working at Verizon, Irving, Texas and we are using
JQuery component for our development.
We are using Draggable,Droppable and Resizable components as a part
of our development.
I am having issues in using Resizable component. When I use below code
I am able to resize from bottom right corner only.
$(document).ready(function(){
$("#resizable").resizable({ maxHeight: 500});
});
How can I resize from bottom left corner of a div tag and avoid
resizing from bottom right corner.
Could you please send me code snapshot for my problem.
Note- Pl send send a mail to office mail ID also as CC
(somu.x.yellamagari@verizon.com)
Thanks,
Somu Sunder,
323-708-2399