JSTree for matze

by joquery

HTML

<script src="http://static.jstree.com/v.1.0pre/jquery.jstree.js"></script>
<link rel="stylesheet" href="http://static.jstree.com/v.1.0pre/themes/default/style.css">
<button id="btn">Select Node</button>

<div id="tree">
    
    <ul>
        <li id="phtml_1">
            <a href="#">Root node 1</a>
            <ul>
                <li id="phtml_2" class="jstree-checked">
                    <a href="#">Child node 1</a>
                </li>
                <li id="phtml_3">
                    <a href="#">A Child node 2</a>
                </li>
            </ul>
        </li>
        <li id="phtml_4">
            <a href="#">Root node 2</a>
        </li>
    </ul>


</div>

JavaScript

jQuery(document).ready(function(){
    
    $("#btn").on("click", function(){
        //$.jstree._reference("#tree").open_node("#phtml_1");
        $("#tree").jstree("check_node" , "#phtml_3");
    });
    
    $("#tree").jstree({ 
        "plugins" : [ "themes", "html_data", "checkbox", "sort", "ui" ]
    });
    

});