Simple Sidebar
The w2sidebar object provides a quick solution for a vertical menu. The example below demonstrates a sample sidebar with
multiple items. Some of the items are nested. The very same object can be used to create tree structures.
$(function () {
$('#sidebar').w2sidebar({
name: 'sidebar',
nodes: [
{ id: 'level-1', text: 'Level 1', img: 'icon-folder', expanded: true, group: true,
nodes: [ { id: 'level-1-1', text: 'Level 1.1', icon: 'fa-home' },
{ id: 'level-1-2', text: 'Level 1.2', icon: 'fa-star' },
{ id: 'level-1-3', text: 'Level 1.3', icon: 'fa-star-empty' }
]
},
{ id: 'level-2', text: 'Level 2', img: 'icon-folder', expanded: true, group: true,
nodes: [ { id: 'level-2-1', text: 'Level 2.1', img: 'icon-folder', count: 3,
nodes: [
{ id: 'level-2-1-1', text: 'Level 2.1.1', icon: 'fa-star-empty' },
{ id: 'level-2-1-2', text: 'Level 2.1.2', icon: 'fa-star-empty', count: 67 },
{ id: 'level-2-1-3', text: 'Level 2.1.3', icon: 'fa-star-empty' }
]},
{ id: 'level-2-2', text: 'Level 2.2', icon: 'fa-star-empty' },
{ id: 'level-2-3', text: 'Level 2.3', icon: 'fa-star-empty' }
]
}
]
});
});