NestedSortable is an extension to the original Sortable from the Interface plugin that allows you to both sort vertically and nest (make one item a child of other item) elements at the same time, using drag-and-drop. If can be set up exactly like a regular Sortable and allows you to use most options that are inherited from it.
Some examples of possible usages:
You can set it up as simply as that
$('#list-container').NestedSortable( { accept: 'sortable-element-class', } );
Given that you have a container with Nested HTML elements like this one:
<ul id="list-container"> <li class="sortable-element-class" id="ele-1"> Element 1 </li> <li class="sortable-element-class" id="ele-2"> Element 2 </li> <li class="sortable-element-class" id="ele-3"> Element 3 <ul> <li class="sortable-element-class" id="ele-4"> Element 4 <ul> <li class="sortable-element-class" id="ele-5"> Element 5 </li> </ul> </li> </ul> </li> </ul>
Please check the plugin documentation page for complete information about it. Don’t forget to look at the demos as well.
Please, use the issue tracker at Google to report bugs.