在文档之前隐藏类

Question

我有大约20个标签放在内容下面（不像往常那样在顶部），每个标签上都有大量内容（表格，输入）。

问题是，当用户访问该网站时，他们会在标签隐藏之前看到所有内容。有办法防止这种情况吗？我使用的jQuery选项卡很简单：

$(window).load(function() {
    $(".tab_content").hide();$(".tab_content:first").show();
});

我在想是否有办法隐藏 .tab_content 而不使用jQuery？所以我可以异步加载jquery。我想，加载jquery然后隐藏标签需要时间。但我又想到了，为了隐藏.tab_content，你需要内容，也许没有办法绕过它？ 非常感谢

Answer 1

如果您只想隐藏，那么您可以使用纯CSS：

.tab_content{
   display:none;
   /* or */
  visibility:hidden;
}

一旦你的页面加载并且jQuery准备就绪，你就可以根据需要显示它。

Answer 2

默认使用CSS隐藏标签：

.tab_content { display: none; } 

准备好后显示它们。

Answer 3

您可以使用css阻止默认显示它们。

.tab_content { display: none; }

Answer 4

最好的方法是在css中执行此操作，这样在页面加载时它将永远不会显示

.tab_content { display: none }

Answer 5

在DOM准备就绪后，hide开始发挥作用，或者您应用的元素hide位于DOM内，因此更好的方法是添加一个隐藏元素的类< / p>

.tab_content
{
   display: none
}

和

$(function(){
$(".tab_content:first").show();
});