Как загрузить JS-содержимое скрытого Div во время отображения страницы

Question

У меня есть div, который является Hiddeb, как меню вкладки. На каждой вкладке есть 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

Сначала сделайте это как дисплей: блок. И как только страница загружается, сделайте ее «спрятаться».

Как это (с помощью 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"); 

});