slideDown 从底部到顶部（而不是从顶部到底部）

Question

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

.slideDown()

效果，然而，这个过渡使用的方向与我需要的方向相反（它总是从顶部开始显示元素）。我有点想在最后构建一个 "tower" 的 div，让您对我正在努力实现的目标有一个心理印象。

我想用jQuery怎么解决？我已经尝试过各种方法，但没有成功！请注意，div 的高度是未知的，因为它是动态计算的（理论上，当我显示 div 时，我就知道它的高度）。

请注意 div 没有固定或绝对位置。此外，这些 div 中的多个堆叠在一起。他们从下到上揭晓。

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
});

查看此 fiddle link 了解更多.. Click here

希望对您有所帮助...

编码愉快..:)

slideDown from bottom to top (and not from top to bottom)