Nestable2

Template for issue

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/nestable2/1.5.0/jquery.nestable.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/nestable2/1.5.0/jquery.nestable.min.css">
<div class="dd" id="nestable"></div>

JavaScript

var json = [
    {
        "id": 1,
        "content": "First item",
    },
    {
        "id": 2,
        "content": "Second item",
        "children": [
            {
                "id": 3,
                "content": "Item 3"
            },
            {
                "id": 4,
                "content": "Item 4"
            },
            {
                "id": 5,
                "content": "Item 5",
                "children": [
                    {
                        "id": 6,
                        "content": "Item 6"
                    },
                    {
                        "id": 7,
                        "content": "Item 7"
                    },
                    {
                        "id": 8,
                        "content": "Item 8"
                    }
                ]
            }
        ]
    }
];

$('#nestable').nestable({
    json: json
});