Demo of Resizable with destroy method

By clicking the button Destroy the functionality of the resizable element is removed. Try to resize the element before and after the using the Destroy button.

You can refresh the page to use the functionality again.

Tutorial Resizable

Full Code

<script>
$(document).ready(function() {
//////////////////////////
$( "#resize_id" ).resizable();
/////////
$("#b1").click(function(){
$( "#resize_id" ).resizable( "disable" );
})

$("#b2").click(function(){
$( "#resize_id" ).resizable( "enable" );
})
////Click event end///
})
</script>

HTML

<table class='table'>
<tr><td>
<a href='' role='button' class='btn btn-outline-primary' >  Refresh </a></td>
<td>
<a href=# role='button' id=b1 class='btn btn-outline-danger' > Destroy</a>
</td></tr></table>

<div class='row'> <div class='col-md-12'>
<div id="resize_id" class=resize_cl></div>
</div></div>