I am trying to implement a very simple tree using jsTree. I have found the documentation dense and overwhelming.
Right now, I expand / collapse a node by clicking the arrow shown here:
I want to be able to expand / collapse by clicking the node name too:
The code I am using is simple; I have not altered the javascript for jsTree:
<ul id="tree">
<li>
SubFolder1
<ul id="tree">
<li data-jstree='{"icon":"/Images/blue-folder.png"}'>Pub 1</li>
</ul>
</li>
</ul>
$('#tree').on('select_node.jstree', function (e, data) {
data.instance.toggle_node(data.node);
});
That worked for me. oerls solution did not.