jquery - DIV 淡入动画

Question

    /* 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”)并以动画方式退出。这部分工作完美。

我还在动画中添加了淡入/淡出部分，以使其更加流畅。然而，当它第一次滑入文件内容时已经加载 - 它不会淡入。当它被解除时，它会淡出，然后下一次它会完美淡入。所以这只是第一次没有正常褪色。

关于如何解决这个问题有什么建议吗？

Answer 1

它最初需要隐藏style="display:none"才能淡入正常工作。您可以在开始动画之前添加 hide() 调用。