The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
NestedSortable
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:
- Organizing a table of contents
- Organizing a list of hierarchical pages (it was originally created with this goal, for WordPress)
- Organizing categories
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.
