:: LUNO :: Nestable

jquery Nestable

Nestable is an experimental example and not under active development. If it suits your requirements feel free to expand upon it!. Nestable

<!-- Plugin Js -->
<script src="../assets/bundles/nestable.bundle.js"></script>

<!-- HTML -->
<div class="dd">
    <ol class="dd-list">
        <li class="dd-item" data-id="1">
            <div class="dd-handle">Item 1</div>
        </li>
        <li class="dd-item" data-id="2">
            <div class="dd-handle">Item 2</div>
        </li>
    </ol>
</div>

<!-- Jquery Page Js -->
<script>
    $(function () {
        $('.dd').nestable();
    });
</script>

Planned

Item 1
It is a long established fact will be distracted.

10 2
Item 2
Richard McClintock, a Latin professor

7 9

In progress

Item 1
It is a long established fact will be distracted.

22 7
1. Item 2
  It is a long established fact that a reader will be distracted.
  
  7 3
Item 3
It is a long established reader will be distracted.

42 15
Item 4
Richard McClintock, a Latin professor

10 2