Demo of Selectable destroy method using JQuery

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
Press and hold Ctrl key for multiple selection

$(document).ready(function() {
//////////////////////////
$( '#my_selectable' ).selectable();
////////////////
$("#d1").click(function(){
$( "#my_selectable" ).selectable( "destroy" );
})
/////////
})

HTML

<ul id="my_selectable">
  <li id=i1>Item 1</li>
  <li id=i2>Item 2</li>
  <li id=i3>Item 3</li>
  <li id=i4>Item 4</li>
  <li id=i5>Item 5</li>
</ul>

<button type="button" class="btn btn-danger" id=d1>Click to Destroy </button>
<a href=selectable-destroy.php><button type="button" class="btn btn-success">Refress & Try again</button></a>
Tutorial Selectable