Slidebars

Slidebars is a jQuery plugin for quickly and easily implementing app-style revealing, overlaying, push menus and sidebars into your website.

See the Slidebars website for more information, usage documentation and compatibility tables.

Coming Soon

Version 0.10 - Unreleased

Link behaviour options - By default, links in Slidebars no longer close the Slidebar before following the link. Options: 'standard' or 'close', default: 'standard'.
New helper class .sb-enable-close - When using 'standard' link behaviour, add this class to a link to make it close the Slidebar first.
New helper class .sb-disable-close - When using 'close' link behaviour, add this class to a link to stop it closing the Slidebar.
API rework. All API methods are now prefixed with .slidebars. For example yourVariable.slidebars.open('left');.
New API method .destroy(side). Removes Slidebar from the DOM.
New option siteLock set to true or false, default: false. Locks site to prevent site scrolling when Slidebar is open.
You may now use class .sb-site as your site container rather than id #sb-site.
The script no longer checks positions of site and Slidebar elements, or moves them if located incorrectly.
.NET compatible.
Smooth native scrolling for Slidebar elements from -webkit-overflow-scrolling: touch;.
Fixes an issue with minimum heights for site container.
Minimum heights are no longer set for screen sizes larger than disableOver (if provided).
Fixes issues with push and overlay styles on iOS 7.
Inactive Slidebars now use display: none; instead of visibility: hidden; to allow for smooth scrolling as above.
Inline styling removed after closing animation.

Version 0.9.4 - Released April 1, 2014

Version 0.9.1, 0.9.2, 0.9.3

Version 0.9 - Released March 10, 2014

New push animation style, add modifier class .sb-style-push to a Slidebar.
New overlay animation style, add modifier class .sb-style-overlay to a Slidebar.
New thin width, add modifier class .sb-width-thin to a Slidebar.
New wide width, add modifier class .sb-width-wide to a Slidebar.
Static Slidebars support for older versions of iOS which do not support position: fixed;
More API functions, return when Slidebars has been initiated, and if either Slidebar is open or closed.
Re-written window resize events.
Improved static Slidebars.
Improved inline min-height styling, to avoid additional spacing under site.
Fixed a bug where control classes couldn't be hidden using CSS.
Helper class html.sb-android has been depreciated, see below.
New helper class html.sb-static has been added, use this to un-fix your fixed elements for use on Android < 3 and iOS < 5.

Version 0.8.2 - Released February 24, 2014

Event handling has been re-written in this update for better Android support. Also fixed an error where unnecessary space was added below the site content on a window resize. Thanks to francis-ceril, ecclescake and dmmikkel.

Version 0.8.1 - Released February 17, 2014

Fixed an error which caused Slidebars to fail when only using one Slidebar. Thanks to Damien Jarry (wibimaster) for the fix.

Version 0.8 - Released February 17, 2014

Added Slidebars Theme! An optional theme which you are free to use and abuse. It features a top navigation bar, list menus in Slidebars with unlimited level of drop downs, widgets and other useful CSS snippets. You can find the [theme usage here] (http://plugins.adchsm.me/slidebars/theme.php).
Mobile and tablet only support. Pass a width to [option disableOver] (http://plugins.adchsm.me/slidebars/usage.php#options) to disable Slidebars over a certain width screen.
Show/Hide the Slidebar control classes over the disabled width with [option hideControlClasses] (http://plugins.adchsm.me/slidebars/usage.php#options).
You can now easily set [custom widths for your Slidebars] (http://plugins.adchsm.me/slidebars/usage.php#custom-widths). Add modifier class .sb-width-custom to your Slidebar, and pass a pixel or percentage width as a data attribute data-sb-width.
New modifier class [.sb-static] (http://plugins.adchsm.me/slidebars/usage.php#modifier-classes). Add this class to your Slidebar to unfix it and scroll naturally with the site.
Removed touchend events from links in Slidebars for better scrolling support.
Reworked Control Class events to prevent tap and click events travelling down to elements in Slidebars.
Added another Slidebar width for screens between 480px and 768px.
Better Slidebar closing from clicking on the site.
Cleaned up code.
Further code comments.

Version 0.7.1 - Released January 22, 2014

Added Slidebars options.
Added helper class html.sb-android for Android Browser version 2.*. Can be used to unfix your elements with position fixed.
Added helper class .sb-disable-close. Apply to a link in a Slidebar to prevent it from closing on click.
Smoother jQuery .animate() animations on window resize events.
Cleaned up code.

Version 0.7 - Released January 13, 2014 - First public release.