Jquery Fadein回调不工作

我的fadeIn和slideDown出现了一些小问题。 fadeIn和slideDown的回调无法正常工作

我将只发布jQuery代码和到JSFIDLE的链接，而不是在这里发布大量代码

$(".send_email_button").click(function(){
    $(".fullscreen").fadeIn(function() {
        $(".send_email").slideDown();
    });
});

$(".email_close").click(function(){
    $(".send_email").slideUp(function() {
        $(".fullscreen").fadeOut();
    });
});

---

啊，好的。我知道发生了什么

您的

.send\u email

div的默认样式可见。因此，

slideDown

调用实际上是无用的，因为它是第一次被调用

将

style=“display:none；”“

添加到

.send_email

div（或将

.send_email{display:none；}

添加到css），您应该可以看到所需的行为

$（“.send_email_按钮”）。单击（函数（）{
$（“.fullscreen”）.fadeIn（'slow'，function（）{
$（“.send_email”）.slideDown（'slow'）；
});
});
$（“.email_close”）。单击（函数（）{
$（“.send_email”）.slideUp（'slow'，function（）{
$（“.fullscreen”）.fadeOut（'slow'）；
});
});
。编辑用户{
背景色：#ffffff；
宽度：330px；
高度：自动；
填充：10px；
边框：1px实心#ECECEC；
}
.发送电子邮件{
利润率：85px050px；
}
.电邮(关闭){
背景图像：url（“http://i.epvpimg.com/5oVbc.png");
背景重复：重复；
宽度：15px；
高度：17px；
字号：11pt；
字号：600；
光标：指针；
不透明度：0.3；
}
#content.email\u close:悬停{
不透明度：0.6；
}
.全屏{
背景图像：url（“http://i.epvpimg.com/VLXQe.png");
背景重复：重复；
宽度：100%；
身高：100%；
填充：0；
利润：-30px；
位置：固定；
z指数：2；
显示：无；
}


向用户发送电子邮件
第一次它没有按预期工作的原因是，
.send\u email
最初没有隐藏。首先在其上设置
display:none
，然后在第一个
.fadeIn（）
方法结束时调用
.slideDown（）
方法


在此之前，初始
.slideDown（）
事件的持续时间为
0
，因为
.send\u email
元素已经可见。
它工作正常。什么不起作用？我刚才解释的是，fadeIn应该先起作用，然后div向下滑动，而当我触发单击时，两者都会显示出来@卢梭：这不是我看到的。我看到小提琴像预期的那样演奏。您是否尝试过将动画速度设置为较慢的速度？这是常规行为。您期望什么？第一次触发单击时，在您单击X按钮并再次触发单击后，回调不起作用，然后动画似乎工作正常@罗西庇亚
.send_email {
    display: none;
}