JSFiddle - React, Tailwind, and code Playground

by seefeld

JavaScript

function buildItem(item) {

    var html = "<li class=' colour-" + item.cat + "' data-title='" + item.title + "' data-url='" + item.url + "' data-cat='" + item.cat + "' data-id='" + item.id + "' id='" + item.id + "'>";
    html += "<a href='" + item.url + "' class='" + item.cat + "'>" + item.title + "</a>";

			if (item.children) {

				html += " < ul class = 'sub-list' > ";
				$.each(item.children, function (index, sub) {
					html += buildItem(sub);
				});
				html += " < /ul>";

			}

			html += "</li > ";
			return html;
		}