---
title: Demo
name: demo
---

<div class="row">
    <div class="col-md-6">
{% highlight js %}
var data = [
    {
        name: 'node1', id: 1,
        children: [
            { name: 'child1', id: 2 },
            { name: 'child2', id: 3 }
        ]
    },
    {
        name: 'node2', id: 4,
        children: [
            { name: 'child3', id: 5 }
        ]
    }
];
$('#tree1').tree({
    data: data,
    autoOpen: true,
    dragAndDrop: true
});
{% endhighlight %}
    </div>
    <div class="col-md-6">
        <div id="tree1"></div>
    </div>
</div>