<div id="menu" class="bs-menu"></div> $(function() { $('#menu').bootstrapMenu({ isOpen: true, data: [{ name: 'menu1', title: 'Menu1', icon: 'images/1.png', children: [{ name: 'menu11', title: 'Menu11' }, { name: 'menu12', title: 'Menu12' }, { name: 'menu13', title: 'Menu13' }] }, { name: 'menu2', title: 'Menu2', icon: 'images/2.png', children: [{ name: 'menu21', title: 'Menu21' }] }, { name: 'menu3', title: 'Menu3', icon: 'images/3.png', children: [{ name: 'menu31', title: 'Menu31' }] }, { name: 'menu4', title: 'Menu4', icon: 'images/4.png', children: [{ name: 'menu41', title: 'Menu41' }] }], onToggle: function(index) { console.log(index); }, onSelect: function(name) { console.log(name); } }); });