jsTree is jquery plugin, that provides interactive trees.
Basic markup
jsTree can turn a regular unordered list into a tree. The minimal required markup is a <ul> node with some nested <li> nodes with some text inside.
- Root node 1
- Root node 2
Nodes with children
To create a node with child nodes simpy nest an <ul>.
Internally jstree converts the text to a link, so if there already is a link in the markup jstree won't mind. Like Child node 2.
- Root node 1
- Child node 1
- Child node 2