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.