jstree inline HTML demo

by Ivan Bozhanov

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>
<div id="container">
  <ul>
    <li data-jstree='{"opened":true}'>Root node
      <ul>
        <li>Child node 1</li>
        <li>Child node 2</li>
      </ul>
    </li>
  </ul>
</div>

JavaScript

$('#container').jstree({
  "core" : { "check_callback" : true }, // so that operations work
  "plugins" : ["contextmenu"]
});