jsTree Test

http://wiki.jqueryui.com/w/page/12138128/Tree

by sujay

HTML

<link rel="stylesheet" href="http://www.jstree.com/static/3.0.0-beta/assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="http://www.jstree.com/static/3.0.0-beta/assets/dist/themes/default/style.min.css">
<script src="http://www.jstree.com/static/3.0.0-beta/assets/dist/jstree.js"></script>
<div id="demo1" style="height:100px;">
    <ul>
        <li id="node_1_id"> <a>Root node 1</a>

            <ul>
                <li id="child_node_1_id"> <a>Child node 1</a>

                </li>
                <li id="child_node_2_id"> <a>Child node 2</a>

                </li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a>Team A's Projects</a>

            <ul>
                <li><a>Iteration 1</a>

                    <ul>
                        <li><a>Story A</a>
                        </li>
                        <li><a>Story B</a>
                        </li>
                        <li><a>Story C</a>
                        </li>
                    </ul>
                </li>
                <li><a>Iteration 2</a>

                    <ul>
                        <li><a>Story D</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</div>

JavaScript

$(function () {

    $("#demo1").jstree({
        core: {
            themes: {
                icons: false,
                dots: false
            }
        }
    }).jstree('open_all').jstree('open_all');
});