Demo of Resizable with autoHide using JQuery UI

Handle will hide when mouse is not over the element.

Tutorial Resizable

Full Code

$(document).ready(function() {
$( "#resize_id" ).resizable({
autoHide: true
<div id="resize_id" class=resize_cl></div>

Tutorial Resizable

Options|resizable|alsoResize|animate | animate get set|animateDuration| animateEasing|aspectRatio| autoHide cancel classes containment disabled ghost grid handles helper maxHeight maxWidth minWidth minHeight


destroy disable enable