javascript - 如何在页面加载时加载隐藏div的JS内容

Question

我有一个像标签菜单一样的 Hiddeb 的 div。每个选项卡都有 Js 代码，但只有第一个正在加载。隐藏的标签未加载。我搜索了所有内容，但找不到适合我案例的有效答案。我希望所有隐藏的 ul 都应该在加载页面时加载，对于用户来说，它应该只有第一个菜单:

<ul id="core"> //Only this is visible
     <li>
             Table here....
     </li>
<ul id="jquerytuts" class="hide">
     <li>
             Table here....
     </li>    
<ul id="classics" class="hide">
     <li>
             Table here....
     </li>

<style>
.hide = display:none;
</style

Answer 1

首先把它做成display:block。 并在页面加载后立即将其“隐藏”。

像这样。(使用 jquery)

HTML :

<ul id="core"> //Only this is visible
     <li>
             Table here....
     </li>
<ul id="jquerytuts" class="hide">
     <li>
             Table here....
     </li>    
<ul id="classics" class="hide">
     <li>
             Table here....
     </li>

<style>
.hide { display:block};
</style>

JS:

$(function(){

  $(".hide").css("display","none");

});