10 jQuery Panel Slider Plugins

Sam Deering

Check out these tutorials/demos below to come up with a new beautiful jQuery Panel Slider for your website. Some websites are using sliding panels for more creative ways such as displaying descriptive content view, but you can make it really work with just about anything ;) Enjoy!

Related Posts:

1. Nice & Clean Sliding Login Panel

Improved both for design and functionalities with jQuery.
Nice & Clean Sliding Login Panel
SourceDemo

2. Simple Slide Panel

Learn to create a very simple slide panel in this tutorial.
Simple Slide Panel
SourceDemo

3. Show/Hide Login Panel

In this tutorial, we will now see how to add the show/hide login panel into your WordPress theme.
Show/Hide Login Panel
Source + Demo

4. Sliding Login/Signup Panel using Moo Slide from MooTools 1.2

Clicking a link will slide-in a login/register form in the middle of the page with a nice bouncing effect. Clicking the “close” button will make the panel disappear with a fade-out effect.
Sliding Login/Signup Panel
SourceDemo

5. Build An Incredible Login Form With jQuery

We’ll create a sliding panel, that slides in to reveal more content, using JQuery to animate the height of the panel.
Incredible Login Form
SourceDemo

6. Sliding Top Menu With jQuery

This is a sliding top menu built with jQuery which can be fired through the open & close buttons or with any tag with the related class name. You can also use it as an info box, login area & more.
Sliding Top Menu
SourceDemo

7. jQuery .animate() – DAY 1: Horizontal Sliding Panel With jQuery

In this post series, we’ll closely examine the .animate() function, and today we will just give you an introduction to what this function can do and a demonstration of “Horizontal Sliding Panel With jQuery“.
Horizontal Sliding Panel
SourceDemo

8. How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3

Vertical sliding panel that would act as some sort of drawer instead of the usual top horizontal sliding panel that pushes everything else down when it opens.
exy Vertical Sliding Panel
SourceDemo

9. jquery fade slide panel

Fade slide panel built with jQuery.
jquery fade slide panel
Source + Demo

10. jQuery Slide Panel 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 Slide Panel
SourceDemo

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.