Javascript JS-div之间的转换

我使用下面的脚本在3

div

s之间进行转换。转换工作正常，当新的div加载时，它会将旧的div向下推。 我正在使用受影响的div上的相对位置，我无法更改它

有没有办法告诉脚本等待旧的

div

不可见，直到我加载新的

$（“#幻灯片>div:gt（0）”）.hide（）；
setInterval（函数（）{
$（“#幻灯片>分区：第一个”）
.fadeOut（2000年）
.next（）
fadeIn先生（2000年）
(完)
.appendTo（“#幻灯片”）；
}, 1000);
/*
欢迎区
---------------------------------------*/
#关于集装箱{
位置：相对位置；
身高：100%；
宽度：100%；
边框：2倍纯绿；
}
.欢迎区{
边际上限：0px；
位置：相对位置；
边框：2倍纯绿；
}
.欢迎部分img{
宽度：100%；
}
.欢迎介绍{
位置：绝对位置；
最高：60%；
左：50%；
-webkit转换：翻译（-50%，-40%）；
-ms转换：翻译（-50%，-40%）；
-o变换：平移（-50%，-40%）；
转换：翻译（-50%，-40%）；
z指数：2；
文本对齐：居中；
宽度：68%；
文本转换：大写；
}
.欢迎介绍.介绍行{
线高：0px；
字号：900；
边缘底部：0.83333em；
文本阴影：2×2×2×rgba（150、150、150、1）；
}
.欢迎介绍.介绍行{
不透明度：1；
-webkit转换：600毫秒全部；
-o型过渡：600毫秒全部；
过渡：600毫秒全部；
-webkit转换：转换（0，-60px）；
-ms变换：平移（0，-60px）；
-o变换：平移（0，-60px）；
变换：平移（0，-60px）；
颜色：rgba（0，125，183，1）；
}
.配速完成.欢迎介绍.介绍行，
.no js.欢迎介绍.介绍行{
不透明度：1；
-webkit转换：转换（0,0）；
-ms变换：平移（0,0）；
-o变换：平移（0,0）；
变换：平移（0,0）；
}
.欢迎光临{
不透明度：1；
宽度：150px；
-webkit转换：600毫秒全部；
-o型过渡：600毫秒全部；
过渡：600毫秒全部；
-webkit转换：转换（0，-30px）；
-ms变换：平移（0，-30px）；
-o变换：平移（0，-30px）；
转换：转换（0，-30px）；
-webkit转换延迟：400ms；
过渡延迟：400ms；
光标：指针；
不透明度：0.7；
}
.欢迎介绍.商店btn:悬停{
-webkit过滤器：倒置（100%）；
-moz滤波器：反向（100%）；
-o型过滤器：反向（100%）；
过滤器：倒置（100%）；
-webkit转换：600毫秒全部；
-o型过渡：600毫秒全部；
过渡：600毫秒全部；
不透明度：0.7；
}
.pace完成。欢迎介绍。btn ql，
.no js.welcome intro.btn ql{
不透明度：1；
-webkit转换：转换（0,0）；
-ms变换：平移（0,0）；
-o变换：平移（0,0）；
变换：平移（0,0）；
}
.欢迎介绍#推送{
颜色：白色；
线高：60px；
}
/*服务科
---------------------------------------*/
#服务部分。服务部分{
背景色：#000；
位置：相对位置；
填充：10px；
宽度：220px；
高度：30px；
边框：2倍纯红；
}
@介质和全部（最大宽度：768px）{
.欢迎区{
边缘顶部：50px；
}
.欢迎光临{
宽度：100px；
}
}
@全部和全部介质（最大宽度：600px）{
.欢迎介绍{
位置：绝对位置；
最高：70%；
左：50%；
-webkit转换：翻译（-50%，-30%）；
-ms转换：翻译（-50%，-30%）；
-o变换：平移（-50%，-30%）；
转换：翻译（-50%，-30%）；
}
.欢迎光临{
位置：相对位置；
顶部：-10px！重要；
}
.欢迎介绍.班蒂尔{
字体大小：25px！重要；
}
.欢迎介绍#推送{
线高：20px；
字体大小：20px！重要；
}
.欢迎介绍.介绍行{
字体大小：14px；
}
}
@介质和全部（最大宽度：420px）{
.欢迎光临{
宽度：70px；
}
.欢迎介绍{
位置：绝对位置；
最高：90%；
左：50%；
-webkit转换：翻译（-50%，-10%）；
-ms转换：翻译（-50%，-10%）；
-o变换：平移（-50%，-10%）；
转换：翻译（-50%，-10%）；
}
.欢迎光临{
位置：相对位置；
顶部：-30px！重要；
}
.欢迎介绍.班蒂尔{
字体大小：17px！重要；
}
.欢迎介绍.介绍行{
字体大小：12px；
}
.欢迎介绍#推送{
线高：15px；
字体大小：15px！重要；
}
}

AAAA
AAAAA
bbbbbb
bbbbb
多用途设计
在发酵罐中发酵。我是奥迪奥先生，我是艾格斯塔·艾格特·奎姆先生。莫里·利奥·里索斯，圣殿之门，爱神之门的前庭

易于定制
在奥古斯·劳里特·鲁图姆·福西布斯·多洛尔·奥克托的带领下，人马过着幸福的生活。莫里·利奥·里索斯，圣殿之门，爱神之门的前庭。当然是社交

响应性设计
在发酵罐中发酵。我是奥迪奥先生，我是艾格斯塔·艾格特·奎姆先生。莫里·利奥·里索斯，圣殿之门，爱神之门的前庭

fadeOut/fadeInyes上有一个回调函数，我应该等待fadeOut完成吗？是的！如果你被卡住了，就拉小提琴：）