JSFiddle - React, Tailwind, and code Playground

by ravatsinh

HTML

<script src="http://static.jstree.com/v.1.0pre/jquery.jstree.js"></script>
<script src="http://static.jstree.com/v.1.0pre/jquery.hotkeys.js"></script>
<div>
    <input type="text" id="searchtext" value="" size="5" />
    <button id="filter" class="button">filter</button>
    <button id="reset" class="button">reset</button>
</div>
<div id="jstree"></div>

JavaScript

data = [
                    {
                        "data" : "Basics",
                        "state" : "closed",
                                            "children" : [ {
                                                                "data" : "login",
                                                                    "state" : "closed",
                                                                    "children" : [ "login", {"data" : "results", "state" : "closed"} ]
                                                                    }    , 
                                                                    
                                                                    
                                                                {
                                                                "data" : "Basics",
                                                                    "state" : "closed",
                                                                    "children" : [ "login", "something",{"data" : "results", "state" : "closed"} ]
                                                                    }     ]
                    },
                    {
                        "data" : "All",
                        "state" : "closed",
                                            "children" : [ {
                                                                "data" : "AddCustomer",
                                                                    "state" : "closed",
                                                                    "children" : [ "login","Add", {"data" : "results", "state" : "closed"} ]
                                                                    }    ]
                    }
                ]
        
        

            
            
$(function () {
        $("#jstree").jstree({
            "json_data" : {
                "data" : data ,
                "ajax" : { "url" :...