<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>
Style used for helper classes
<style>
.resize_cl{
position: relative;
width:90px;
height: 85px;
background-color: #f1f1f1;
border: 1px solid blue;
}
.my_helper1{
width:110px;
height: 90px;
background-color: #ffff00;
border: 1px solid red;
opacity: 0.4;
font-size:14px;
}
</style>