Thread: positioning div

please look at this link

Supersized - Full Screen Background/Slideshow jQuery Plugin

1.
my question is how do i position a div below the bottom of the screen

in the link above i have <div style="display: block;" id="content"></div> and i have positioned this div to be at the bottom of the screen and it is working fine however what i actually need is this div should be placed below the bottom of the screen so that this div does not appear at all when the page loads and using jquery animate method i would like to bring this div from below the bottom of the screen to 100px vertically up

2.
as of now i am using
$("#content").animate({bottom:'100px', left:'0px'},1500);

with this the div is animating but to this animation i want to add an easing effect like
jQuery Easing Plugin

i have added jquery.easing.1.3.js but not sure how i can combine animate method with the easing method so that i can get the content div to animate and also have an easing effect

please advice

thanks

Look up slideToggle: .slideToggle() – jQuery API

or this: http://jqueryui.com/demos/show, http://jqueryui.com/demos/hide and http://jqueryui.com/docs/Effects/Slide

or this: http://bavotasan.com/tutorials/blindtoggle-for-jquery/

1. If you wish to use gQuery, why did not immediately went to their site? )))
2. Same...