Slide box - a jQuery Plug-in

Here's an example page of my jQuery plug-in: "Slide box". With it, you can take any div and transform it into a top/bottom sliding panel. Try it now by clicking on "Ouvrir" at the top of this page.

How to use it ?

Simply include the slidebox.js library to your page and enter this code in your page header.

			$(document).ready(function(){
				$("YOUR DIV").slideBox();
			});
			

Parameters

• position : Position of the slidebox ("top" or "bottom")
• width : Width of the div (100% by default)
• height : Height of the div (200px by default)

Download

You need the slidebox.css file and slidebox.js.

If you want this whole page as an example load this slidebox.zip file.

And of course, you'll need the jquery library available at jQuery.

About me

I'm Samuel Garneau, an independant developper and web lover. Follow me on twitter @garno and don't forget to follow my soon to be blog at samuelgarneau.com (french).

Info

Tested on Safari, Firefox and IE.