Как показать скрытый класс в теге div по умолчанию?

Question

<div id="inst17" class="block_activity_modules block list_block hidden" role="navigation" data-block="activity_modules" data-instanceid="17" aria-labelledby="instance-17-header" data-dockable="1"> 
<div class="header" id="yui_3_15_0_3_1429685975009_292"> 
<div class="title" id="yui_3_15_0_3_1429685975009_234"> 
<div class="block_action" id="yui_3_15_0_3_1429685975009_291"> 
    <img class="block-hider-hide" tabindex="0" alt="Hide Activities block" title="Hide Activities block" src="http://192.168.1.112/mth/moodle27/theme/image.php?theme=unapvirtual&amp;component=core&amp;rev=-1&amp;image=t/switch_minus" id="yui_3_15_0_3_1429685975009_290"> 
    <img class="block-hider-show" tabindex="0" alt="Show Activities block" title="Show Activities block" src="http://192.168.1.112/mth/moodle27/theme/image.php?theme=unapvirtual&amp;component=core&amp;rev=-1&amp;image=t/switch_plus"><input type="image" class="moveto customcommand requiresjs" alt="Move this to the dock" title="Dock Activities block" src="http://192.168.1.112/mth/moodle27/theme/image.php?theme=unapvirtual&amp;component=core&amp;rev=-1&amp;image=t/block_to_dock"> 
</div> 
<h2 id="instance-17-header">Activities</h2> 
</div> 
</div> 
<div class="content"> 
<ul class="unlist"> 
    <li class="r0"> 
    <div class="column c1"> 
     <a href="http://192.168.1.112/mth/moodle27/mod/forum/index.php?id=1"> 
     <img src="http://192.168.1.112/mth/moodle27/theme/image.php?theme=unapvirtual&amp;component=forum&amp;image=icon" class="icon" alt=""> 
     Forums</a> 
    </div> 
    </li> 
</ul> 
</div> 
</div> 

Как вы можете видеть, что класс добавляет в div имя скрыто. Он нажимает кнопку, но я хочу, чтобы по умолчанию был скрытый класс.

Answer 1

Вы можете просто добавить hidden класс в элемент на нагрузке:

$(function(){ 
 
$('#inst17').addClass('hidden'); 
 
});

.hidden{ 
 
    
 
    display:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="inst17" class="block_activity_modules block list_block" role="navigation" data-block="activity_modules" data-instanceid="17" aria-labelledby="instance-17-header" data-dockable="1"> 
 

 
<div class="header" id="yui_3_15_0_3_1429685975009_292"> 
 
<div class="title" id="yui_3_15_0_3_1429685975009_234"> 
 
<div class="block_action" id="yui_3_15_0_3_1429685975009_291"> 
 
    <img class="block-hider-hide" tabindex="0" alt="Hide Activities block" title="Hide Activities block" src="http://192.168.1.112/mth/moodle27/theme/image.php?theme=unapvirtual&amp;component=core&amp;rev=-1&amp;image=t/switch_minus" id="yui_3_15_0_3_1429685975009_290"> 
 
    <img class="block-hider-show" tabindex="0" alt="Show Activities block" title="Show Activities block" src="http://192.168.1.112/mth/moodle27/theme/image.php?theme=unapvirtual&amp;component=core&amp;rev=-1&amp;image=t/switch_plus"><input type="image" class="moveto customcommand requiresjs" alt="Move this to the dock" title="Dock Activities block" src="http://192.168.1.112/mth/moodle27/theme/image.php?theme=unapvirtual&amp;component=core&amp;rev=-1&amp;image=t/block_to_dock"> 
 
</div> 
 
<h2 id="instance-17-header">Activities</h2> 
 
</div> 
 
</div> 
 
<div class="content"> 
 
<ul class="unlist"> 
 
    <li class="r0"> 
 
    <div class="column c1"> 
 
     <a href="http://192.168.1.112/mth/moodle27/mod/forum/index.php?id=1"> 
 
     <img src="http://192.168.1.112/mth/moodle27/theme/image.php?theme=unapvirtual&amp;component=forum&amp;image=icon" class="icon" alt=""> 
 
     Forums</a> 
 
    </div> 
 
    </li> 
 
</ul> 
 
</div> 
 
</div>