JSFiddle - React, Tailwind, and code Playground

by Kelly Hawker

HTML

<div id="tree">

</div>

JavaScript

$(document).ready(function(){

 var treeJson = {"values":[
        {
            "tree_title":"FashionWorld1",
            "tree_image":"img_arrow",
            "tree_image_position":"1",
            "tree_image":"FashionWorld",
            "isopen":"0",
            "child":[
                {
                    "values":[
							{
								"tree_title":"SubmenuLevel11",
								"tree_image":"img_arrow",
								"tree_image_position":"1",
								"tree_image":"FashionWorld",
								"isopen":"0",
                            "child":[
                                {
                                    "values":[
                                        {"tree_title":"SubmenuLevel21"},
                                        {"tree_title":"SubmenuLevel22"},
                                        {"tree_title":"SubmenuLevel23"}
                                    ]
                                }
                            ]
                        },
                        {"tree_title":"SubmenuLevel12"},
                        {"tree_title":"SubmenuLevel13"}
                    ]
                }
            ]
        },
               {
            "tree_title":"FashionWorld2",
            "tree_image":"img_arrow",
            "tree_image_position":"1",
            "tree_image":"FashionWorld",
            "isopen":"0",
            "child":[
                {
                    "values":[
					{
								"tree_title":"SubmenuLevel11",
								"tree_image":"img_arrow",
								"tree_image_position":"1",
								"tree_image":"FashionWorld",
								"isopen":"0",
                            "child":[
                                {
                                    "values":[
                                        {"tree_title":"SubmenuLevel21"},
                                        {"tree_title":"SubmenuLevel22"},
                                        {"tree_title":"SubmenuLevel23"}
                                    ]
                            ...