Question

In the web app I’m working on I want to do a little slide up notification, like on twitter or your desktop. jQuery’s .slideDown does exactly what I want, but it’s upside down. The .slideUp doesn’t execute an upside down version of slideDown. Instead it hides stuff, like after your cleaning up an old message you’ve displayed with slideDown.

So what’s the simplest code to do an upside down slideDown() in jQuery?

Answer 1

Since you’ve put jquery-ui into tags, here’s jqueryUI solution (need to have Effects Core)

 $('#box').show('slide', {direction: 'down'});

Updated patrick’s fiddle: http://jsfiddle.net/aVNL6/2/