Design, CG Graphics & Inspiration
Sliding login panel with jQuery

Sliding login panel with jQuery

This script is based on my previous script “Show/Hide Login Panel with Mootools 1.2” but now works with jQuery 1.3.2 instead of Mootools 1.2.

What’s new in this version?
* Panel has been redesigned to be “slicker”.
* Panel overlaps content instead of “pushing” it.
* Images are transparent… and work in IE6! (Thanks to 24Ways for their IE PNG Fix.) This means, you can change the background color of the body as you wish or even set a background image.
* Login button that slides the panel down changes from “Log In | Register” to “Close Panel” on click and I have added some nice rollover images.

[DEMO] [Download] 55.5KB

Also read:
Implement a Nice & Clean jQuery Sliding Panel in WordPress 2.7+
Add a show/hide login panel to your WordPress theme using Mootools
Show/hide a nice Login Panel using Mootools 1.2
Sliding login/Signup panel using MooSlide (Mootools 1.2)

  • Splashnology Editors,
  • May 18, 2009


This post has been written by the team here at

Subscribe for the hottest posts

Subscribe to our email newsletter for useful tips and freebies.