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)
我认为这会奏效
<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)
如果你将类添加in到accordion-body collapse它将默认打开.
| 归档时间: |
|
| 查看次数: |
10085 次 |
| 最近记录: |