加载页面时的slideToggle等效项

Question

我使用jQuery隐藏可折叠面板中的一些内容，为此我使用以下标记和脚本：

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/

这很好用，但我试图从崩溃的面板开始。目前，它们是开放的，而不是关闭的。面板崩溃的最佳方法是什么？

Answer 1

将.panel设为display: none

FIDDLE