javascript - 如何在显示隐藏 div 期间加载图像？

Question

我想在点击隐藏 div 时显示图像。一切正常，但我想在显示 div 之前提醒消息并加载图像。怎么办？我的 js 和 html 代码如下:

<h3><a class='show'> (Show/Hide) </a></h3> 
<div id="show"></div>

还有我的js代码

jQuery(document).ready(function()
{
  $("a.show").click(function(e) {
  // alert("Hi");
    $('#check').animate({ opacity: "toggle" });
    e.stopPropagation();
  });
});

我想添加一条警告消息和一个名为 loading.gif 的加载图像。有什么想法吗？

Answer 1

您可以按以下顺序进行:FadeOut，显示图像，最后是FadeIn

$( "#check" ).fadeOut( "slow", function() {
    // Animation complete
  });

http://api.jquery.com/fadeOut/和 http://api.jquery.com/fadeIn/