Jquery 使用动画从下到上展开div

我正在尝试从底部到顶部设置按钮高度的动画，并在按钮上方重叠div

因此：

我会得到这样的东西：

1.
2.
3.

---

您正在设置高度的动画，这是正常的，您还可以使用负值设置

页边空白顶部的动画，以重叠文本（只要确保按钮不会在文本后面，如有必要，添加高z索引即可）


$（文档）.ready（函数（）{
$（'button'）。在（'click'，function（）上{
$（this.animate（{'height'：'100px'，'marginTop'：'-50px'）；
});
});
.div\u 1{
宽度：300px；
高度：150像素；
背景：蓝色；
颜色：#fff；
}
钮扣{
宽度：300px；
高度：50px；
边界：0；
显示：块；
位置：相对位置；
}
按钮：第n个类型（1）{
背景：黄色；
}
按钮：第n个类型（2）{
背景：绿色；
}
按钮：第n个类型（3）{
背景：橙色；
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，仍然是必不可少的
1.
2.
3.

 <div class="div_1"></div>
   <div class="buttons_div">
      <button>1</button>
      <button>2</button>
      <button>3</button>
   </dv>
 <div class="div_1"></div>