jQuery UI Sortable - Connect lists
#sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; }
#sortable1 li, #sortable2 li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; }
$(function() {
$("#sortable1, #sortable2").sortable({
connectWith: '.connectedSortable'
}).disableSelection();
});
Item 1
Item 2
Item 3
Item 4
Item 5
Item 1
Item 2
Item 3
Item 4
Item 5
Sort items from one list into another and vice versa, by passing a selector into
the connectWith option. The simplest way to do this is to
group all related lists with a CSS class, and then pass that class into the
sortable function (i.e., connectWith: '.myclass').