Nestable

Drag & drop hierarchical list with mouse and touch compatibility (jQuery plugin)

Code on GitHub @dbushell

Code on GitHub @NalinSajwan

PLEASE NOTE: I cannot provide any support or guidance beyond this README. If this code helps you that's great but I have no plans to develop Nestable beyond this demo (it's not a final product and has limited functionality). I cannot reply to any requests for help.

  1. Item 1
  2. Item 2
    1. Item 3
    2. Item 4
    3. Item 5
      1. Item 6
      2. Item 7
      3. Item 8
    4. Item 9
    5. Item 10
  3. Item 11
  4. Item 12
  1. Item 13
  2. Item 14
  3. Item 15
    1. Item 16
    2. Item 17
    3. Item 18

Serialised Output (per list)

 

Draggable Handles with Text fields and click events (updated by Nalin Sajwan)

If you're clever with your CSS and markup this can be achieved without any JavaScript changes.

New changes added -

  1. Drag
    X
  2. Drag
    X
  3. Drag
    X
    1. Drag
      X
    2. Drag
      X
    3. Drag
      X

Serialised Output with input data (per list)

Copyright © David Bushell | Made for Browser