如何调用倒置的jQuery.slideDown（）？

在我正在开发的web应用程序中，我想做一些向上滑动的通知，比如在twitter或您的桌面上。jQuery的

.slideDown

完全符合我的要求，但它是颠倒的。

.slideUp

不会执行slideDown的倒置版本。相反，它隐藏了一些东西，比如在你清理了一条你用

向下滑动显示的旧消息之后

那么，在jQuery中进行倒置滑动的最简单代码是什么呢？
关于使用jQuery滑动东西的许多可能方法的信息可以在上找到，如果您想让显示（滑动）从下到上显示内容，您需要让CSS为元素指定一个固定的
底部位置

示例：

html

js

既然您已经将
jqueryUI
放入了标记中，下面是jqueryUI解决方案（需要有
Effects核心
）

更新了patrick's fiddle:
显然这不是我想到的页面。另一个提出了更多滑动效果和方向的解决方案。但我在书签里再也找不到了…：-（+1是一个很好的答案！我一直在寻找有关“方向”选项参数的文档。您是否有任何指向可能选项的官方文档的链接？是的，在这里：，幻灯片选项在这里：谢谢，我不知道为什么找不到它。
<a href='#'>click me</a>
<div id='container'>
    <div id='box'></div>
</div>

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

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

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