@{

    ViewBag.Title = "ShowTree";

}

<link href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.1.0/themes/default/style.min.css" rel="stylesheet" />

​

<script>

$(function () {

    $("#divTree").jstree();  

    $("#divTree").on("changed.jstree", function (e, data) {

        console.log(data.selected);

    });

​

    $("button").on("click", function () {

        $("#divTree").jstree(true).select_node("child_node_1");

        $("#divTree").jstree("select_node", "child_node_1");

        $.jstree.reference("#divTree").select_node("child_node_1");

    });

});

​

</script

<h2>ShowTerms</h2>

​

<div id="divTree">

    <ul>

        <li>

            Root node 11

            <ul>

                <li id="child_node_1">Child node 1</li>

                <li>Child node 2</li>

            </ul>

        </li>

        <li>Root node 2</li>

    </ul>

</div>

<button>demo button</button>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.1.0/jstree.min.js"></script>

<script src="~/Scripts/app.js"></script>