jQuery Menu

Set the source property of the jqxMenu. Author: http://jqwidgets.com

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id='jqxMenu'></div>

JavaScript

var source = [{
        label: "First",
        items:[{
            label:"Second_1",
            subMenuWidth:'825px',
            items:
             [{
                html: '<div> </div>',
            }]
        }]
    },{
        label:"Second_2",
        subMenuWidth:'425px',
        items:
            [{
                html:'<p align = "center">text</p><p align = "center">text</p>'
            }]
    }, {
        label:"Second_3",
        subMenuWidth:'455px',
        items:
            [{
            
            }]
    }];

   // create jqxMenu
   $("#jqxMenu").jqxMenu({
       source: source,
       width: 'auto',
       theme: 'energyblue',
       height: 'auto',
       mode: 'horizontal'
   });