Bootstrap - 不能让我的手风琴保持关闭默认？ [英] Bootstrap - Cant get my Accordion to stay closed on default?

问题描述

我有一个单一的手风琴项目，我在一个页面上使用阅读更多/更少的链接。

I have a single accordion item that I am using for a read more / less link on a page.

这是为了阅读更多，然后几个段落。

The purpose of this is to click it to read more, and a few paragraphs will follow.

我有这个工作，但我需要它保持关闭，当页面加载时，页面加载与项目打开

I have this working, but I need it to stay closed when the page loads, at the moment the page loads with the item open.

我可以添加什么来修复此问题？

What can I add to fix this?

<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>

推荐答案

我认为这会奏效

<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>

code>手风琴折叠，它将默认打开。

if you add the class in to accordion-body collapse it will be open by default.

这篇关于Bootstrap - 不能让我的手风琴保持关闭默认？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！