如何调用颠倒的jQuery.slideDown()？

Question

在我正在处理的网络应用程序中,我想做一些小滑动通知,比如在推特或桌面上.jQuery .slideDown完全符合我的要求,但它是颠倒的.在.slideUp不执行了slideDown的颠倒版本.相反,它隐藏了一些东西,比如在你清理了你所显示的旧信息之后slideDown.

那么slideDown()在jQuery中颠倒的最简单的代码是什么？

Answer 1

如果你说你想让揭示(slideDown)从下到上显示内容,你需要让你的CSS给bottom元素一个固定的位置.

示例: 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();
});

Answer 2

既然你已经放入jquery-ui标签,这里是jqueryUI解决方案(需要Effects Core)

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

更新了帕特里克的小提琴:http://jsfiddle.net/aVNL6/2/