title: jQuery UI selectable widget multiple unselect with mouse drag
body: <p>I am using jQuery UI selectable widget. I saw a solution at <a href="https://stackoverflow.com/questions/4215333/is-there-a-way-to-change-event-parameters-in-jquery">Is there a way to change event parameters in jQuery?</a> to enable multiple selection (with mouse drag) which works fine. Now I am trying to get the similar feature to unselect multiple elements which doesn't work.</p>
  
  <pre><code>$('#selectlist').on("mousedown", function (e) {
      e.metaKey = true; //multiple select true
      //e.ctrlKey = true;
  }).selectable({
      filter: '.select-li',
      selecting: function (event, ui) {
          debugger;
          //if ($(ui.selecting).hasClass('li-planned')) {
          //    $(ui.selecting).removeClass("ui-selecting");
          //}
      },
      unselecting: function (event, ui) {
          //if ($(ui.unselecting).hasClass('li-planned')) {
          //    $(ui.unselecting).removeClass("ui-unselecting").addClass('ui-selected');
          //}
      },
      stop: function (event) {
          //debugger;
          //do some work here
      }
  })
  </code></pre>
  
  <p>I tried multiple options to achieve but so far I am not able to get it. Any help will be appreciated.</p>