jQuery UI Resizable - Synchronous resize
#resizable { background-position: top left; }
#resizable, #also { width: 150px; height: 120px; padding: 0.5em; }
#resizable h3, #also h3 { text-align: center; margin: 0; }
#also { margin-top: 1em; }
$(function() {
$("#resizable").resizable({
alsoResize: '#also'
});
$("#also").resizable();
});
Resize
Resize multiple elements simultaneously by clicking and dragging the sides of one. Pass a shared selector into the alsoResize option.