jQuery Side panel slider plugin

Features

• slide page and panel together (inspired on medium.com)
• support multiple panels on same page
• support closing when clicking outside panel or pressing ESC.
• play well with angularJS directives (Example comming soon)

<div id="my-panel">
  <p>Hello, world</p>
</div>

<a id="my-link" href="#my-panel">Open panel</a>

3. JAVASCRIPT

$('#my-panel').panelslider();

The panel will close when ESC is pressed or any part of the page outside of panel is clicked (if options.clickClose is true).

Alternativaly, it's possible to close it manually. Because there can be only one panel active at a single time, there's no need to select which panel to close:

$.panelslider.close(callback);

defaults = {
  side: 'left',      // panel side: left or right
  duration: 200,     // Transition duration in miliseconds
  clickClose: true   // If true closes panel when clicking outside it
}

$('#my-panel').panelslider({side: 'left', duration: 200, clickClose: true });