msmpanel is an expandable panel.

The panel can be opened by clicking on any custom element.

You can choose to expand your panel over content or by pushing it. For other options see section bellow.

This plugin requires JQuery. Get the latest version here : http://code.jquery.com/jquery.min.js

<a href="http://www.example.com/content-to-load.json" class="open">Open panel</a>

The href attribute will be used to load content inside the panel.

$('a.open').msmpanel({});

You can use various options for your panel :

• position [String] - the position of the panel. It can be : "top", "right", "bottom" or "left"
• size [Number] - the size of the panel
• state [String] - the initial state of the panel. It can be : "opened" or "closed"
• duration [Number] - duration time for the open/close animation
• mode [String] - the way of expanding the panel. It can be : "push" or leave blank to open the panel over content
• showCloseButton [Boolean] - add close button to the panel. True or false
• onPanelOpen [Function] - a function called after the panel was opened
• onPanelClose [Function] - a function called after the panel was closed

• position: "left",
• size: 280,
• state: "closed",
• duration: 250,
• mode: "",
• showCloseButton: false,
• onPanelOpen: function(el) {},
• onPanelClose: function(el) {}