在最初加载时隐藏div的层次结构

Question

我正在尝试修改/优化this template 。在其他问题中，它首先加载与底部缩略图滚动条相关联的所有div和图像。 然后隐藏了滚动条。至少在我的计算机上，这会在隐藏它们之前向观众显示所有div有令人不快的影响。如果你想扫描代码，那么它会为每个thmumbnail创建大约20个div，然后调用

$("#thumbnails_wrapper").stop().delay(2000).fadeTo("fast", 0);

有人可以提出一种相当轻松的方法来在加载前隐藏所有元素吗？我尝试使用hidden/visible属性，但我感觉不会通过div的所有元素向下级联。

Answer 1

也许只是在CSS中的#thumbnails_wrapper上显示：none？然后在需要时使用JS调用它？

在CSS文件中：

#thumbnails_wrapper {
 display:none;
}

在你的javascript文件中（显然只在需要时调用，所以你可以在一个函数中使用它）：

jQuery("#thumbnails_wrapper").show();

或在函数中：

function showThumbs()
{
    jQuery("#thumbnails_wrapper").show();
}