javascript - 在文档之前隐藏类

Question

我有大约 20 个选项卡，它们放置在内容下方(而不是像往常一样位于顶部)，每个选项卡上都有大量内容(表单、输入)。

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

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

我在想是否有一种方法可以在不使用 jQuery 的情况下隐藏 .tab_content ？所以我可以在最后异步加载jquery。我想，加载 jquery 然后隐藏选项卡需要时间。但我再次想到，为了隐藏 .tab_content 你需要内容，所以也许没有办法解决它？ 非常感谢

Answer 1

hide 在 DOM 准备好后开始发挥作用，或者您正在应用 hide 的元素位于 DOM 内部，所以更好的方法是添加隐藏元素的类

.tab_content
{
   display: none
}

和

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