jQuery Drawer Plugin
Drawer is a simple jQuery plugin for adding a sliding drawer functionality to any HTML element. It can be used to show/hide any element with sliding effect of a drawer. The Drawer can be anchored to any side of the page or a div. It can also be configured to stick to any of the page edges (top, right, bottom or left) to get a floating effect.
$('#left-drawer').drawer({align: 'left', top: '150px'});
$('#left-drawer-sticky').drawer({align: 'left', top: '10px', type: 'sticky', handleSize: '50%'});
$('#right-drawer').drawer({align: 'right', top: '100px'});
$('#right-drawer-sticky').drawer({align: 'right', bottom: '150px', type: 'sticky', handleSize: '30%'});
$('#bottom-drawer').drawer({align: 'bottom', left: '50px'});
$('#bottom-drawer-sticky').drawer({align: 'bottom', left: '400px', type: 'sticky'});
$('#top-drawer').drawer({align: 'top', left: '400px'});
$('#top-drawer-sticky').drawer({align: 'top', right: '250px', type: 'sticky'});