javascript - 如何在所有菜单关闭的情况下加载此 Accordion ？

Question

这就是我正在使用的:JsFiddle

我希望默认关闭所有菜单。

提前致谢!

PS:我对 JavaScript 一无所知，因此如果您使用 fiddle 来说明您的答案将会有所帮助。

$('.info').find('.accordion-toggle').click(function () {
    //Expand or collapse this panel
    $(this).toggleClass("open").next().slideToggle('fast');
    //Hide the other panels
    $(".accordion-toggle").not($(this)).removeClass("open");
    $(".accordion-content").not($(this).next()).slideUp('fast');
});

Answer 1

删除“开放”和“默认”

<div class='info'>
     <h1 class='accordion-toggle'>Header 1 </h1>

    <div class='accordion-content'>Content 1...</div>
     <h1 class='accordion-toggle'>Header 2 </h1>

    <div class='accordion-content'>Content 2...</div>
     <h1 class='accordion-toggle'>Header 3 </h1>

    <div class='accordion-content'>Content 3...</div>
</div>

“open”类将标题样式设置为打开，“default”将内容设置为用户交互之前默认显示的内容