JSFiddle - React, Tailwind, and code Playground
by chadarsenault
HTML
<div id="crazy-menu" class="crazy-menu"></div>
JavaScript
(function() {
var self, CrazyMenu = {
init: function() {
self = this;
self.buildMenu();
},
settings: {
data: {
"Testing": {
"Testing": "Testing",
"Performance Testing": [
"Containers",
"Tableware"
],
"Fracture Diagnosis": "Fracture Diagnosis",
"Labels, Decorations & Closures": "Labels, Decorations & Closures",
"Litigation Assistance": "Litigation Assistance",
"LineAudits": [
"ContainerProduction",
"Filling"
]
},
"Analytical": {
"Composition": [
"Glass Composition",
"Heavy Metal Testing"
],
"Batch and Furnace": [
"Raw Materials",
"Stone Analysis"
],
"Glass Quality": [
"Physical Properties",
"USP/EP Testing",
"Annealing and Tempering"
],
"Surface Analysis": [
"Coatings",
"Contamination"
]
},
"Training": {
"Schedule": "Schedule",
"Seminar Description": "Seminar Description",
"Private/In-Plant Training": "Private/In-Plant Training"
},
"Products": {
"Slurry Mixture": "Slurry Mixture",
"Density Oils": "Density Oils",
"Testing Equipment": "Testing Equipment"
}
}
},
buildMenu:...