Demo of Resizable with autoHide using JQuery UI

Handle will hide when mouse is not over the element.

Tutorial Resizable

Full Code

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

HTML

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