slideDown从下到上（而不是从上到下）

Question

我想先隐藏一个div然后从下到上显示它。我已经看到jQuery有一个很好的

.slideDown()

然而，

效果，这种过渡使用的方向与我需要的方向相反（它始终从顶部开始显示元素）。我有点想建造一座塔＃34;最后的div，给你一个我想要达到的目标的心理形象。

如何使用jQuery解决我想要的问题？我已经尝试了各种各样的东西，但没有让它工作！请注意，div的高度是UNKNOWN，因为它是动态计算的（理论上我知道当我显示它时div的高度）。

请注意，div没有固定或绝对位置。而且，这些div中的多个堆叠在彼此之上。它们从下到上显示出来。

链接：http://api.jquery.com/slideDown/

Answer 1

我用以下代码尝试了这个：

HTML:

<div style="height:200px; width: 200px; background-color: red;">
<span style="color:#fff">Click here</span>
</div>

JQuery:

$("div").click(function () {
      $(this).hide("slide", { direction: "up" }, 1000);
      //direction: up,down
});

查看此小提琴链接了解更多.. Click here

希望它对你有所帮助......

快乐编码.. :)