Javascript 为div设置display:none时，为botton divs设置动画

我把html作为

<div id ="div-1>
  //some content
</div>
<div id ="div-2>
  //some content
</div>

//一些内容

当我设置display时：div-1的none立即隐藏，而div-2突然出现在顶部

有没有办法让div-2滑到顶部，而不是直接过来

PS

我曾经尝试过在Div1中将“最大高度”设置为零的情况下进行过渡，但它不起作用

编辑

您好，我正在开发一个js库来清除html元素

我只想要一个底部元素的动画滚动，当顶部的div设置为display:none时

---

我只有第一个div的参考。

没有设置display:none，您可以在div-1上设置不透明度：0，在div-1上设置div-2，方法是使用z-index和css转换来更改位置，或者使用jquery动画。

您可以使用slideUp jquery方法轻松实现这一点。

工作示例：

幻灯片演示
div{
保证金：2倍；
}
藏一个
藏两个
藏三个
$（“按钮”）。单击（函数（）{
$（this.parent（）.slideUp（“slow”，function（））{
$（“#msg”）.text（$（“按钮”，this）.text（）+“已完成”）；
});
});

如何将显示设置为无？具体一点-包括你的代码。@cale_b他们是如何应用CSS的，这没有任何问题。要做到这一点而不改变CSS，只需定位一个CSS，在你的问题中绝对包括相关代码，而不仅仅是指向github回购的链接。当你的回购协议改变或消失时，这个问题对未来的访问者来说是没有价值的。@cale_b正如我所说，我只有第一个div的参考，只需要在第一个div被隐藏时设置动画。所以不需要代码。这是一个非常基本的问题。有没有办法只使用css和javascript，而不使用jquery。谢谢，但我尝试了max height属性。但它只是混合了div的内部内容。内部内容没有隐藏在父级中，并且与其他html重叠。嗨，我正在开发一个js库来清除html元素。我没有底部div的引用。只有第一个div。请参见->并希望在顶部div设置为display:none时，底部元素有一个动画滚动条。