Demo of alsoResize using JQuery UI

By using alsoResize option , we can resize another ( say 2nd ) element along with the main element. Our 2nd element will simultaneously follow the resizing of our main element.
Try to change the size of first element ( to left ) by using right side or bottom border and see how the second element also changing its size.

Full Code

<div id="resize_id" class=resize_cl>  
 <div id="resize_id2" class=resize_cl>
$(document).ready(function() {
$( "#resize_id" ).resizable({
	alsoResize: "#resize_id2"

Tutorial Resizable

Options|resizable|alsoResize|animate | animate get set|animateDuration| animateEasing|aspectRatio| autoHide cancel classes containment disabled ghost grid handles helper maxHeight maxWidth minWidth minHeight


destroy disable enable