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（）调用。

Answer 2

在.stop(true, true)之后添加hide（）：

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

DIV淡入动画

2 个答案: