jstree inline HTML demo
HTML
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jstree/3.0.4/themes/default/style.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jstree/3.0.4/jstree.min.js"></script>
<title>Flip Hero</title>
</head>
<body>
<div id="container">
<ul>
<li>Plans, Codes
<ul>
<li>Node 1.1</li>
<li>Node 1.2</li>
</ul>
</li>
<li>Sitework
<ul>
<li>Child node 2.1</li>
<li>Child node 2.2</li>
</ul>
</li>
<li>Foundation
<ul>
<li>Node 3.1</li>
</ul>
</li>
<li>Carpentry
<ul>
<li>node 4.1</li>
</ul>
</li>
<li>Roofing
<ul>
<li>node 5.1</li>
</ul>
</li>
<li>Windows/Doors
<ul>
<li>node 6.1</li>
<ul>
<li>node 6.2.1</li>
</ul>
</ul>
</li>
<li>Fixtures
<ul>
<li>node 7.1</li>
</ul>
</li>
<li>Plumbing
<ul>
<li>node 8.1</li>
</ul>
</li>
<li>Mechanical
<ul>
<li>node 9.1</li>
</ul>
</li>
<li>Electrical/Lighting
<ul>
<li>node 10.1</li>
</ul>
</li>
<li>Insulation
...JavaScript
$('#container').jstree();