Bootstrap - 不能让我的手风琴在默认情况下保持关闭状态?

0 javascript css accordion twitter-bootstrap

我有一个手风琴项目,我用于在页面上阅读更多/更少的链接.

这样做的目的是点击它阅读更多,然后会有几个段落.

我有这个工作,但我需要它在页面加载时保持关闭,此时页面加载项目打开.

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

<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>
Run Code Online (Sandbox Code Playgroud)

a.g*_*g87 6

我认为这会奏效

<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>
Run Code Online (Sandbox Code Playgroud)

如果你将类添加inaccordion-body collapse它将默认打开.