Demo: All Services Together

Demos > All Services Together

Try to select multiple items (Ctrl/Apple+click or Shift+click) and drag to the second list.

Source

<div class="sortable" id="demo-sortable1">
	<div class="item"><span class="first">First</span> <span class="last">Last</span></div>
</div>
 <div class="sortable" id="demo-sortable2">
	<div class="item"><span class="last">Last</span>, <span class="first">First</span></div>
</div>

$('#sortable1')
	.items([
		{first:'Isaac', last:'Newton'},
		{first:'Johannes', last:'Keppler'},
		{first:'Alessandro', last:'Volta'},
		{first:'Blaise', last:'Pascal'}
	])
	.sortable({accept:'sortable'})
	.selectable({multiple:true, drag:true})
	.chain();
	
$('#sortable2')
	.items([
		{first:'Isaac', last:'Newton'},
		{first:'Johannes', last:'Keppler'},
		{first:'Alessandro', last:'Volta'},
		{first:'Blaise', last:'Pascal'}
	])
	.sortable({accept:'sortable'})
	.selectable(multiple:true, drag:true})
	.chain();