Hiding additional information on a website and showing them when necessary can be implemented using these slide panel jQuery plugins.
The use of collapsible user interface elements that show additional navigation links, social media buttons, graphic and textual contents is a common practice in web design. Recently, with responsive web design in full swing, this technique that has been adopted by Facebook to fit its navigation menu in mobile browsers. This move of course have lead to other websites adopting the technique giving way to the almost ubiquitous existence of sliding panels in the web nowadays.
On the development aspect, sliding panels can be implemented using jQuery. To make things easier, we have here some of the great collapsible slide panel jQuery plugins that you can use. These scripts are helpful if you don’t want to get your hands dirty coding sliding interfaces from scratch. We would like to hear from you if you find these resources helpful. Enjoy!
Affiliate Disclosure: Some of the links in this post are affiliate links. If you visit those links and purchase the product you find, I will earn a commission without additional cost on your part. Before making any purchase I encourage you to evaluate the products or services on your own. This post is not meant to endorse or to recommend particular items.
Sticklr – Sticky Side Panel CSS3 + jQuery Plugin
Sticklr is a lightweight, cross-browser compatible, jQuery plugin that you can use to slide out navigation links and buttons on your website.
OpenPanel – Open Responsive Panel Anywhere
OpenPanel is a jQuery plugin that allows you to open panel at any where in your page. You can put unlimited panels as you want. It is also responsive thus friendly to mobile devices. With this small plugin you can open more space for your site to add anything you want.
Wayout Menu is a responsive menu written with Bootstrap 2.3.1, jQuery and CSS3. CSS transitions are used for navigation level openings.
jQuery Hidden Panel
A jQuery plugin which added the hidden panel to the 4 position of the browser corner. You can use it to display a image gallery or video showcase.
Pull-Out Content Panel
This panel has been created to fit into any website with a clean and professional design. It can be fixed on the left or on the right and can contain any type of content : headings, texts, lists, images, videos, etc. The custom scrollbars packed in this menu will automatically appear when needed and if you need to add even more content, you can use the infinite carousel to scroll between each part of the panel.
A jQuery plugin which slides a webpage over to reveal an additional interaction pane.
A simple slide-out panel using css3 and jQuery.
It lets you easily build a sliding panel for any kind of content. It has all the functionalities of built-in for menu and sub-menu panels with an accordion effect, and you can get the content via Ajax.
jQuerySideBar Plugin is display sidebar menu.
A jQuery plugin that creates a paneled-style menu (like the type seen in the mobile versions of Facebook and Google, as well as in many native iPhone applications)
Sliding Panel is a lightweight, unobtrusive, yet extremely useful and effective jQuery plugin. Its goal is to provide a simple way to turn any DOM element into a retractable, sliding panel.
tabSlideOut jQuery plugin
This jQuery plugin works with the ‘tab’ or ‘handle’ sticking out from the side of the screen when clicked.
A quick and easy way to add a contextual ajax sliding panel to your site.
The jQuery slidePanel Plugin lets you easily open slide panels from the left or right which contain either the default content or content loaded using Ajax. Other options include position, opacity, speed, and click outside to close.
jQuery Collapsible Panel Plugin
Accordion style header which expands a linked panel when clicked.