In this post we are giving you a list of 10+ jQuery Sliding Sidebar Panel Plugins. These post would be very useful to developers who want to find a decent slide panel plugin. Slide panels are all the rage these days and help us to toggle/hide our content either by clicking or hovering. Enjoy!

Related Posts: 10+ jQuery Sticky Scroll Plugins

1. mb.jquery

Slide down/up/left/right your content!


2. PageSlide

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

Source + Demo

3. Slidepanel

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

Source + Demo

4. OpenPanel

Open Responsive Panel Anywhere


5. jQuery SideBar Plugin

It is display sidebar menu.

Source +Demo

6. tabSlideOut jQuery plugin

This plugin allows you to easily add one of those to your page.

Source + Demo

7. Jquery Side Content

The jQuery Side Content project is a plugin that docks content to the side of the browser window with “pull out” handles to open and close the panels.

Source + Demo

8. jQuery Simple Slide Panel Plugin

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.

Source + Demo

9. Sticklr

Sticky Side Panel, jQuery & WordPress Plugin

Source + Demo

10. MetroTab

A light jQuery plugin to create tabs with metro style. You can align tabs positions at anywhere you like. The content can be anything ( paragraphs, images, video, iframe, … ).


11. jPanelMenu

A jQuery plugin that creates a paneled-style menu (like the type seen in the mobile versions of Facebook and Google..


Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

  • val

    how can i add a handle to the panel on jquery mobile?

  • Pingback: 15 Responsive Navigation jQuery Plugins | lapsus()

  • Vinay Verma

    Nice Collection.

  • s


  • kamal mittal

    Vey Nice Collection. Thanks for that.

    I want to open left extruder using swipe instead of click. How I have achieve that. Can you please provide me solution?

Special Offer
Free course!

Git into it! Bonus course Introduction to Git is yours when you take up a free 14 day SitePoint Premium trial.