防止列表項顯示，而覆蓋圖像加載

Question

我已經創建了6個divs .box，其中包含一個無序列表和圖像，圖像絕對位於每個列表的上方。有沒有一種方法可以確保圖像下的內容不會在內容框淡入時顯示？

http://jsfiddle.net/NKFgC/

凱爾

Answer 1

是的，你可以使用回調函數。保持內容隱藏（顯示none或visibility隱藏），並使用類似：

$(element).fadeIn(300, function() { 
    //show/hide content 
}); 

下面的代碼：

http://jsfiddle.net/NKFgC/4/

Answer 2

隱藏與CSS 顯示容器對象：無;，直到您準備好顯示它，然後使用javascript更改顯示值。

Answer 3

修復停止與stop(true, true)

http://jsfiddle.net/maniator/NKFgC/1/