simple-sidebar

Press the icon in the top right corner of this page to run simple-sidebar.

With this plugin you can dynamically load content such as the sidebar/sidenav itself and the toolbar. Here below the code used in this page.

Read the entire set-up guide here.

simple-sidebar ajax options

$(document).ready(function() {
	$.ajaxSetup({
		cache: false
	});

	$('#toolbar').load('http://dcdeiv.github.io/simple-sidebar/ajax/toolbar.html', function() {
		$('#sidenav')
			.load('http://dcdeiv.github.io/simple-sidebar/ajax/sidenav.html')
			.simpleSidebar({
				wrapper: '#wrapper',
				opener: '#toggle-sidenav',
				animation: {
					easing: 'easeOutQuint'
				},
				sidebar: {
					align: 'right',
					width: 320,
					closingLinks: 'a',
					css: {
						zIndex: 3000
					}
				},
				sbWrapper: {
					display: false
				}
			});
	});
});