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

回答

相關問題