Jquery一起淡入淡出和缩放

Jquery一起淡入淡出和缩放,jquery,css,jquery-animate,fade,Jquery,Css,Jquery Animate,Fade,我有以下代码: 当顶部div淡出时,第二个div跳到其上方的位置。(如预期) 如何才能使在顶部div消失后,第二个div设置动画,而不仅仅是跳跃 谢谢 编辑: 我有另一个文本版本: 这里的问题是,第二个项目“跳跃”和动画结束,因为底部空白 我可以解决这个问题吗?您可以分别使用动画()来处理不透明度和高度。默认情况下,动画将排队。所以第二个在第一个之后会起作用 $('.a').eq(0) .制作动画({ 不透明度:0 }, 1000) .制作动画({ 高度:0,, marginBotto

我有以下代码:


当顶部div淡出时,第二个div跳到其上方的位置。(如预期)

如何才能使在顶部div消失后,第二个div设置动画,而不仅仅是跳跃

谢谢


编辑:

我有另一个文本版本:

这里的问题是,第二个项目“跳跃”和动画结束,因为底部空白

我可以解决这个问题吗?

您可以分别使用
动画()
来处理
不透明度
高度
。默认情况下,动画将排队。所以第二个在第一个之后会起作用

$('.a').eq(0)
.制作动画({
不透明度:0
}, 1000)
.制作动画({
高度:0,,
marginBottom:0//以摆脱因边距而导致的最后一次跳转
}, 1000);
.a{
宽度:100px;
高度:50px;
背景:红色;
边缘底部:10px;
}


我想要的是:在top div淡出后,第二个div将启动动画。好的,谢谢。我用文字制作了另一个版本,你能看一下吗?@Toniq ok。您只需在第二个动画中添加
marginBottom:0
。例如,即使我添加了框大小:边框框;它不会将边距高度设置为零。。难道没有一种方法可以自动做到这一点吗?否则我需要硬编码空白动画。
<div class="a"></div>
<div class="a"></div>