如何在页面加载时加载隐藏Div的JS内容

时间:2013-11-25 08:22:21

标签: javascript css

我有一个div,就像Hiddeb一样的tab菜单。每个选项卡都有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

1 个答案:

答案 0 :(得分:0)

首先将其设为display:block。 加载页面后立即将其隐藏起来。&#34;

像这样。(使用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");

});