adminmenu

by yash009

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<ul id="menu"></ul>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

CSS

.ui-menu {
    width: 150px;
    display: flex;
    border: none;
}
li .ui-menu {
  display: flex;
  flex-direction: column;
}
span.ui-menu-icon.ui-icon.ui-icon-carat-1-e {
    display: none;
}

JavaScript

$(function () {

    var data = {
        menu: [
    {
        "group": "home",
        "name": "home",
        "label": "Home",
        "child": [],
        "url": "/"
    },
    {
        "label": "Users",
        "name": "user",
        "group": "user",
        "url": null,
        "child": [
            {
                "child": [],
                "url": "/cgi-bin/users",
                "group": "user",
                "name": "user",
                "label": "V3 Users"
            },
            {
                "child": [],
                "url": "/cgi-bin/admin?_table=comment",
                "group": "user",
                "name": "comment",
                "label": "Feedback"
            },
            {
                "group": "user",
                "name": "account_manager_queue",
                "label": "Sales Queue",
                "child": [],
                "url": "/cgi-bin/admin?_table=account_manager_queue"
            },
            {
                "name": "loginalerts",
                "label": "Login Alerts",
                "group": "user",
                "url": "/cgi-bin/loginalerts",
                "child": []
            },
            {
                "group": "user",
                "name": "pending_user",
                "label": "Pending",
                "child": [],
                "url": "/cgi-bin/pending_user"
            },
            {
                "group": "user",
                "label": "Mailer Tool",
                "name": "mailer_tool",
                "child": [],
                "url": "/cgi-bin/mailer"
            },
            {
                "url": "/cgi-bin/seller_reassign",
                "child": [],
                "name": "seller_reassign",
                "label": "Reassign Users",
                "group": "user"
            },
            {
                "group": "user",
                "label": "Register New User",
                "name": "register",
                "child": [],
     ...