jsTree

HTML

<script src="https://raw.github.com/vakata/jstree/v.1.0/dist/jstree.min.js"></script>
<link rel="stylesheet" href="https://raw.github.com/vakata/jstree/v.1.0/src/themes/default/style.css">
<script src="https://raw.github.com/vakata/jstree/v.1.0/src/jstree.dnd.js"></script>
<script src="https://raw.github.com/vakata/jstree/8ca0a3420eea745d648d7a32878ed6622d2dcca7/src/jstree.themes.js"></script>
<div id="html1">
  <ul>
    <li>Root node 1
      <ul>
        <li>Child node 1</li>
        <li><a href="#">Child node 2</a></li>
      </ul>
    </li>
  </ul>
</div>

JavaScript

$("#html1").jstree({
        "plugins" : [ "themes", "html_data", "ui" ],
    });