javascript - 淡出功能以及 slidetoggle 功能

Question

当我提交表单时，我拥有的最后一个功能是:

$("#message").show().delay(5000).fadeOut();

这将显示我的感谢信息 5 秒钟，然后淡出“消息”部分。

然后我尝试在它下面添加这个函数:

$("#slide_panel").slideToggle("slow");

因为我希望表单(位于#slide_panel div 内)在 5 秒延迟后关闭/向上滑动....但是当我添加此功能时，它几乎就像 5 秒延迟不存在并且成功消息会显示大约半秒钟，然后整个联系表会按预期消失。

我的代码有什么问题？

$("#message").show().delay(5000).fadeOut();
$("#slide_panel").slideToggle("slow");

Answer 1

延迟函数只适用于动画队列。您可以通过将回调函数传递给 fadeOut()

来使用以下代码

   $("#message").show().delay(5000).fadeOut('fast', function(){
         $("#slide_panel").slideToggle("slow");
   });

现在 slideToggle 将在动画完成后运行。