Events

All important events are supported. In the example below I added an event listener for all events. You can see what events are being sent in JavaScript console.
$(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-comment-alt' }, { id: 'level-1-3', text: 'Level 1.3', icon: 'fa-coffee' } ] }, { id: 'level-2', text: 'Level 2', img: 'icon-folder', group: true, nodes: [ { id: 'level-2-1', text: 'Level 2.1', 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' } ] } ] }); w2ui.sidebar.on('*', function (event) { console.log('Event: ' + event.type + ' Target: ' + event.target); console.log(event); }); });