加载叠加图像时防止显示列表项

Question

我创建了6个div .box，其中包含无序列表和图像，图像绝对位于每个列表上方。有没有办法可以确保在内容框淡入时图像下的内容没有显示？

http://jsfiddle.net/NKFgC/

凯尔

Answer 1

使用CSS display：none; 隐藏容器对象，直到您准备好显示它，然后使用javascript更改显示值。

Answer 2

使用stop(true, true)

修复停止

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

Answer 3

是的，有，你可以使用回调函数。保持内容隐藏（显示无或隐藏可见性）并使用类似：

的内容

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

这是代码：

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