Nestable

  1. Home
  2. Nestable

Nestable1

  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

Nestable2

  1. Item 13
  2. Item 14
  3. Item 16
  4. Item 17
  5. Item 18
  6. Item 19
  7. Item 15
    1. Item 16
    2. Item 17
    3. Item 18

Nestable3

  1. Item 13
  2. Item 13
  3. Item 14
  4. Item 15
    1. Item 16
    2. Item 17
    3. Item 18
    4. Item 19
    5. Item 20
    6. Item 21
Service Panel
$(document).ready(function() { // Nestable var updateOutput = function(e) { var list = e.length ? e : $(e.target), output = list.data('output'); if (window.JSON) { output.val(window.JSON.stringify(list.nestable('serialize'))); //, null, 2)); } else { output.val('JSON browser support required for this demo.'); } }; $('#nestable').nestable({ group: 1 }).on('change', updateOutput); $('#nestable2').nestable({ group: 1 }).on('change', updateOutput); updateOutput($('#nestable').data('output', $('#nestable-output'))); updateOutput($('#nestable2').data('output', $('#nestable2-output'))); $('#nestable-menu').on('click', function(e) { var target = $(e.target), action = target.data('action'); if (action === 'expand-all') { $('.dd').nestable('expandAll'); } if (action === 'collapse-all') { $('.dd').nestable('collapseAll'); } }); $('#nestable-menu').nestable(); });