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.

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.