Demo of alsoResize using JQuery UI

By using alsoResize option , we can resize another ( say 2^nd ) element along with the main element. Our 2^nd 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.

Tutorial Resizable

Full Code

HTML

<div id="resize_id" class=resize_cl>  
 <div id="resize_id2" class=resize_cl>

JQuery

<script>
$(document).ready(function() {
//////////////////////////
$( "#resize_id" ).resizable({
	alsoResize: "#resize_id2"
});
/////////
})
</script>