[jQuery] Re: Reversing the SlideUp and SlideDown functions to slide from the bottom and not the top

On Jan 27, 2009, at 11:07 PM, ryjohnson wrote:

I saw this was posted before, but there was never a solution posted. I
want to use the Toggle function but have it slide up from the bottom
of the div instead of the top, I have tried searching through all the
plugins, and even tried writing my own but have had no luck. If
there's anyone who can help me I would be extremely grateful.

The easiest way I have found to accomplish this is through CSS:

#myDiv {

  position: absolute; /* could also be relative */

  left: 0;

  bottom: 0; /* *** this is the important one *** */

}

You'll have to tweak things to work in your situation, and you may have to add a height and width if you're setting position:absolute.

I implemented this "reverse slide" effect here:

http://www.littleorangestar.com/

When you click on one of the badges, you'll see a "lightbox" effect, but also, if you look at the bottom of the viewport, you'll see the "close" bar slide up into view.

--Karl

____________

Karl Swedberg

www.englishrules.com

www.learningjquery.com