DIV淡入动画

/* Sliding Gallery panels */ 
$(function() { 
$(".down_link").click(function() { 
    var file = $(this).attr('data-file'); 
$(".load_space").load(file, function() { 
    //Insert contents of file wherever 
    $(".gallery_block2").stop(true, true).animate({ marginTop: 0 }, 400).fadeTo(500,1).show(); 
}); 
});  
$(".up_link").click(function() { 
    $(".gallery_block2").stop(true, true).fadeTo(500,0).show().animate({ marginTop: -550 }, 400); 
}); 
});

上面的代码在单击缩略图（“down_link”）时将动画DIV（“gallery_block2”）动画到视图中。 DIV调用并加载文件。然后它可以被解雇（“up_link”）并退出动画。这部分工作完美。DIV淡入动画

我在动画中添加了淡入/淡出部分，以使其更加光滑。但是，当它第一次滑入文件时，内容已经加载 - 它不会淡入。当它被解散时，它会淡出，然后下一次完全淡入。所以这只是第一次不会正常消退。

有关如何解决此问题的任何建议？

来源

2012-02-09 Andy

好吧，我可以回答我的问题。我需要更改隐藏DIV的CSS。它已经可见，因为它没有隐藏。卫生署。 – Andy 2012-02-09 21:28:48

它需要初始隐藏style="display:none"为了淡入正常工作。您可以在开始动画之前添加hide（）调用。

来源

2012-02-09 21:28:04

是的，我是个白痴。发布后大约2分钟我就意识到了！感谢hide（）提示。 – Andy 2012-02-09 21:31:23

没问题，有时在你处于中间时很难看清楚:) – 2012-02-09 21:33:31

后.stop(true, true)附加隐藏（）：

.stop(true, true).hide() ...

来源

2012-02-09 21:33:27 j08691

回答

相关问题