Helper option of resizable

Sample helper class my_helper1

While resizing the element the helper class we set option as my_helper1 will be applied. Once the resizing is over the element is back to its own class.

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>

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>