15 Amazing Collapsible Slide Panel jQuery Plugins

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.

COMPLETE INFO & DEMO

sticklr-

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.

COMPLETE INFO & DEMO

openpanel-

Wayout Javascript Menu

Wayout Menu is a responsive menu written with Bootstrap 2.3.1, jQuery and CSS3. CSS transitions are used for navigation level openings.

COMPLETE INFO & DEMO

wayout-javascript-menu-

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.

COMPLETE INFO & DEMO

jquery-hidden-panel-

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.

COMPLETE INFO & DEMO

pullout-content-

PageSlide

A jQuery plugin which slides a webpage over to reveal an additional interaction pane.

COMPLETE INFO & DEMO

pageslide-

Slideout Panel

A simple slide-out panel using css3 and jQuery.

COMPLETE INFO & DEMO

slide-out-panel-

mb.extruder

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.

COMPLETE INFO & DEMO

mb.extruder-

jQuery Sidebar

jQuerySideBar Plugin is display sidebar menu.

COMPLETE INFO & DEMO

jquery-sidebar-

jPanelMenu

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)

COMPLETE INFO & DEMO

jpanel-menu-

Sliding Panel

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.

COMPLETE INFO & DEMO

sliding-panel-

tabSlideOut jQuery plugin

This jQuery plugin works with the ‘tab’ or ‘handle’ sticking out from the side of the screen when clicked.

COMPLETE INFO & DEMO

tabslideout-jquery-plugin-

SlidePanel

A quick and easy way to add a contextual ajax sliding panel to your site.

COMPLETE INFO & DEMO

slide-panel-

jQuery slidePanel

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.

COMPLETE INFO & DEMO

jqeasy-

jQuery Collapsible Panel Plugin

Accordion style header which expands a linked panel when clicked.

COMPLETE INFO & DEMO

jquery-collapsible-panel-plugin-

No Responses to “15 Amazing Collapsible Slide Panel jQuery Plugins”

Leave a Reply

Your email address will not be published. Required fields are marked *