JSFiddle - React, Tailwind, and code Playground

by itsyahani

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.dynatree/1.2.4/jquery.dynatree.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<div id="dynaTree"> </div>

JavaScript

$(function(){
    // Variant 1:
    $("#dynaTree").dynatree({
      onActivate: function(node) {
//        $("#info").text("You activated " + node);
      },
         checkbox: true,
        classNames: { checkbox: "dynatree-checkbox" },
        selectMode: 2,
      children: [
        {title: "Item 1"},
        {title: "Folder 2", isFolder: true,
          children: [
            {title: "Sub-item 2.1"},
            {title: "Sub-item 2.2"}
          ]
        },
        {title: "Item 3"}
      ]
    });
});