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.

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

Info

Tested on Safari, Firefox and IE.