jQuery Slide Up Bar

Question

Hi Guys,

I am interesting in producing a "slide up jQuery footer bar" - not unlike this example on http://www.instantslideup.com/index.php?page=demo - but little unsure whether anything like this is possible in jquery ?

I've tried searching around to no available - so wondering if anyone knows how this is done and/or whether anyone has any examples ?

Thanks :)

Answer 1

First create a div, and use CSS to position it at the bottom of the screen and hide it:

#mySlideUp { position: fixed; margin:0px; left: 0px; bottom: 0px; right: 0px; width:100%; height:0px; display: none; }

Then, to show it to the user, use this code:

$("#mySlideUp").css("display: block").animate({ height: "100px" }, 1500 );