console
<!DOCTYPE html>
<html>
<head>
<title>W2UI Demo: sidebar/1</title>
</head>
<body>
<div id="sidebar" style="height: 300px; width: 200px;"></div>
<script type="text/javascript">
$(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 fa-home' },
{ id: 'level-1-2', text: 'Level 1.2', icon: 'fa fa-star' },
{ id: 'level-1-3', text: 'Level 1.3', icon: 'fa fa-star-o' }
]
},
{ 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 fa-star-o' },
{ id: 'level-2-1-2', text: 'Level 2.1.2', icon: 'fa fa-star-o', count: 67 },
{ id: 'level-2-1-3', text: 'Level 2.1.3', icon: 'fa fa-star-o' }
]},
{ id: 'level-2-2', text: 'Level 2.2', icon: 'fa fa-star-o' },
{ id: 'level-2-3', text: 'Level 2.3', icon: 'fa fa-star-o' }
]
}
]
});
});
</script>
</body>
</html>