dragging multiple list items simultaneously

Question

I have two lists connected with jQuery UI's sortable, allowing to drag items from one list to another.

http://jsbin.com/uraga3

Is there a simple way to drag several items at the same time - e.g. to move items #3, #4 and #7 from left to right?

Answer 1

Not in the plugin.

You can write some custom code to add items to a selection and then move multiple at once.

Like:

$( "li" ).bind( "click", function() {
  $(this).toggleClass('sorting-selected');
});

$( "ul" ).bind( "sortreceive", function(event, ui) {
  $('li.sorting-selected').appendTo($(this));
});

Answer 2

I answered a similar question here (demo)