javascript - Bootstrap - 无法让我的 Accordion 在默认情况下保持关闭状态？

Question

我有一个 Accordion 项，用于页面上的阅读更多/更少链接。

这样做的目的是点击它阅读更多内容，随后会出现几段。

我有这个工作，但我需要它在页面加载时保持关闭状态，此时页面加载时元素打开。

我可以添加什么来解决这个问题？

<div class="accordionMod panel-group">
    <div class="accordion-item">
        <h4 class="accordion-toggle">Read More / Less</h4>
        <section class="accordion-inner panel-body">
            <p>more info.</p>
            <h4 class="title">More titles</h4>
            <p>more content</p>
        </section>
    </div>
</div>

Answer 1

我觉得这行得通

<div class="accordion" id="myAccordion">
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#myAccordion" href="#collapseOne">
                Title
            </a>
        </div>
        <div id="collapseOne" class="accordion-body collapse">
            <div class="accordion-inner">
                Content
            </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#myAccordion" href="#collapseTwo">
                Title
            </a>
        </div>
        <div id="collapseTwo" class="accordion-body collapse">
            <div class="accordion-inner">
                Content
            </div>
        </div>
    </div>
</div>

如果将 in 类添加到 accordion-body collapse 中，它将默认打开。