Bind with jstree on expand and on collapse events

Question

I am facing difficulty to bind jstree with an on-expand/on-collapse event. I am currently binding the jstree with selected_node event like this :

$(function () {
$("#tree").jstree({ 
"json_data" : {
    "data" : [
        { 
            data : "/", 
            attr : { "id" : "root"},
            state : "closed",
            "children" : [ { "data" : "child1",
                            "attr" : { "id" : "child1.id" },
                            "children" : [ ] }
                         ]
        },
    ]
},
"plugins" : [ "themes", "json_data", "crrm", "ui" ]
})
.bind("select_node.jstree",function(event, data) { . . . }

I am now looking for the same event handling functionality within {...} for on-expand/on-collapse event as well. Need help to figure out how can that be done.

Answer 1

.on('open_node.jstree', ....);

and

.on('close_node.jstree', ....);

Answer 2

If you want more information about node (like id):

$("#jstree").on("open_node.jstree", function (e, data) { alert("Open node_id: " + data.node.id); });
$("#jstree").on("close_node.jstree", function (e, data) { alert("Close node_id: " + data.node.id); });