slideToggle equivlanet когда страница загружена

Я использую JQuery, чтобы скрыть часть содержимого в складных панелей, чтобы сделать это, я использую следующий знак и сценарий:slideToggle equivlanet когда страница загружена

HTML

<div class="trigger">Collapsible Header 1 - Click to toggle</div> 
<div class="panel"> 
    content 1 
</div> 

<div class="trigger">Collapsible Header 2 - Click to toggle</div> 
<div class="panel"> 
    content 2 
</div>

JQuery:

$(document).ready(function() { 
    $(".trigger").click(function(){ 
     $(this).next(".panel").slideToggle("medium"); 
    }); 
});

скрипку его здесь:

http://jsfiddle.net/LkTf8/1/

Это отлично работает, однако я пытаюсь начать с обрушения панелей. В настоящее время они открыты, а не закрыты. Каков наилучший подход к началу работы с панелями?

источник

2014-10-15 user3010406