JavaScript.CoolDev.Com is home of the best JavaScript drop down menu, JavaScript tree and outlook bar
JavaScript.CoolDev.Com is home of the best JavaScript drop down menu, JavaScript tree and outlook bar
JavaScript.CoolDev.Com is home of the best JavaScript drop down menu, JavaScript tree and outlook bar
COOLjsTree Samples

Standard:

customizable images
unlimited levels
arbitrary content
per-level styles
runtime control
collapsible forms
sample navigation
sample site map
yet another sample

Professional:

SuperDemo!
relative positioning
advanced images
Explorer-style mode
large images
selected node (1)
selected node (2)
persistent state
text wrapping
dynamics
individual node properties
advanced styles
event handlers

COOLjsTree - JavaScript tree: order now!

Rate It!

If you like COOLjsTree
vote for it!

ScriptSearch.com

HotScripts.com

Customizable graphics

COOLjsTree and COOLjsTree Professional allow you to control trees via JavaScript. You can expand or collapse all nodes of the tree:

var tree = new COOLjsTree("tree1", TREE1_NODES, TREE1_FORMAT);

...

tree.expandAll(true);
tree.collapseAll(true);

"true" means redraw tree immediately.

You can toggle specific node, i.e. collapse it if it was expanded or expand it if it was collapsed:

var node = tree.nodeByName('Node 1');
// or
var node = tree.nodeByID(7);

if (node) tree.expandNode(node.index);

Nodes are counted from top to bottom. Root node has index 0.