NESTABLE 1
                

                    

                        

                    
                
            
            

                

                    

                        

                            
Item 1
                        
                        

                            
Item 2
                            

                                
Item 3
                                
Item 4
                                

                                    
Item 5
                                    

                                        
Item 6
                                        
Item 7
                                        
Item 8
                                    
                                
                                
Item 9
                                
Item 10
                            
                        
                    
                
            
        

    


    
    

    /* Nestable control Css */

.nestable-cart{
   overflow: hidden;
}

   /* Nestable Javascript control function */

$(document).ready(function()
{
"use strict";
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.');
}
};
// activate Nestable for list 1
$('#nestable').nestable({
group: 1
})
.on('change', updateOutput);

// activate Nestable for list 2
$('#nestable2').nestable({
group: 1
})
.on('change', updateOutput);

// output initial serialised data
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');
}
});
$('#nestable3').nestable();
});