相关疑难解决方法(0)

Jquery手风琴默认不会崩溃

我正在使用bootstrap提供的崩溃插件,这是一个jquery简单的插件

但是它默认崩溃,如何修改以便崩溃项默认隐藏,只有当我按下标题,然后项目崩溃并显示?谢谢

该插件的文档,只需几行,所以它只需要一分钟

$(document).ready( function () {
$(".collapse").collapse()({
  toggle: false,
  show: false
  });
} );
Run Code Online (Sandbox Code Playgroud)

这是html:

<div class="accordion-group">
            <div class="alert alert-info" data-toggle="collapse" href="#collapse1" style="margin-bottom:0px;">                     
              Collapsible #1
                  </div>   
          <div id="collapse1" class="accordion-body collapse" style="background-color:#ffffff;">
               content1
           </div>
                           <div class="alert alert-info" data-toggle="collapse" href="#collapse2" style="margin-bottom:0px;">                     
              Collapsible #2
                  </div>   
          <div id="collapse2" class="accordion-body collapse" style="background-color:#ffffff;">
               content2
           </div>
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-ui accordion twitter-bootstrap

21
推荐指数
1
解决办法
6万
查看次数

在Bootstrap默认关闭手风琴

我正在使用Bootstrap Accordion.我希望所有面板默认关闭,但我的面板开始扩展.

这是我的代码:

<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="false">
    <c:forEach items="${proposals}" var="proposal" varStatus="serial">
        <div class="panel panel-default">

            <div class="panel-heading" role="tab" id="heading${proposal.propID}"  >
                <h4 class="panel-title">
                    <span class="fa fa-paperclip" aria-hidden="true"></span>
                    <a class="accordion-toggle collapsed" 
                       data-toggle="collapse" data-parent="#accordion"
                       href="#collapse${proposal.propID}" aria-expanded="false"
                       aria-controls="collapse${proposal.propID}"> 
                           ${proposal.title} 
                    </a>
                </h4>
            </div>

            <div id="collapse${proposal.propID}" class="panel-collapse collapse in"
                 role="tabpanel" aria-labelledby="heading${proposal.propID}">
                ${proposal.interest}
            </div>

        </div>
    </c:forEach> 
</div>
Run Code Online (Sandbox Code Playgroud)

我也用过aria-expanded="false",但它不起作用.

怎么了?

accordion collapse twitter-bootstrap

8
推荐指数
2
解决办法
2万
查看次数