¿Cómo llamo jQuery.slideDown() al revés?

Question

En la aplicación web en la que estoy trabajando Deseo hacer una pequeña notificación de deslizamiento, como en twitter o en su escritorio. El .slideDown de jQuery hace exactamente lo que quiero, pero está al revés. El .slideUp no ejecuta una versión al revés de slideDown. En cambio, oculta cosas, como después de limpiar un mensaje antiguo que mostró con slideDown.

¿Cuál es el código más simple para hacer un revés slideDown() en jQuery?

Answer 1

Dado que usted ha puesto jquery-ui en etiquetas, aquí está la solución jQueryUI (necesita tener Effects Core)

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

Actualización del violín de Patrick: http://jsfiddle.net/aVNL6/2/

Answer 2

Información sobre muchas maneras posibles de deslizarse cosas usando jQuery se puede encontrar en learningjquery.com

Answer 3

Si usted está diciendo que desea que el revelar (slideDown) para revelar el contenido de abajo hacia arriba, tendrá que haga que su CSS proporcione una posición fija de bottom al elemento.

Ejemplo:http://jsfiddle.net/aVNL6/

html

<a href='#'>click me</a> 
<div id='container'> 
    <div id='box'></div> 
</div> 

css

#container { 
    width: 300px; 
    height: 300px; 
    position:relative; 
    background: yellow; 
} 
#box { 
    width: 100px; 
    height: 100px; 
    display: none; 
    background: orange; 
    position: absolute; 
    left: 100px; 
    bottom: 0; 
} 

js

$('a').click(function() { 
    $('#box').slideDown(); 
});