jquery-resizable - A simple box resize operation.


This simple example simply resizes a couple of boxes using a sizing grip at the bottom of the window. Note that .resizable() does not handle of the UI aspects - it only manages the actual resizing operation itself. You're responsible for creating placing the sizing handle where it makes sense for your UI.

Box 1
Resize me
Box 2
Resize me

To apply resizing use the .resizable plugin and specify the resizable container and a sizing handle that initiates resizing:

 $(".box").resizable({ handleSelector: ".win-size-grip"});