相关疑难解决方法(0)

你如何让Twitter Bootstrap Accordion保持一组开放?

我试图使用手风琴和折叠插件使用Twitter引导程序来模仿Outlook栏,到目前为止我得到了崩溃和手风琴的工作,但它目前允许折叠所有部分.

我想限制它,以便始终显示一个且仅一个.

这是我正在研究的那个:http://jsfiddle.net/trajano/SMT9D/我觉得它在某个地方沿着

$('#accordions').on('hide', function (event) {
  console.warn("HIDE TRIGGERED, check if trying to hide the active one if so stop");
})
Run Code Online (Sandbox Code Playgroud)

accordion twitter-bootstrap twitter-bootstrap-3

43
推荐指数
5
解决办法
4万
查看次数

允许多台手风琴同时打开

我有这个小提琴手风琴。我想让它同时打开任何或所有手风琴。

目前,如果您打开了 #1,则单击打开 #2,#1 已关闭。我希望它保持开放。但是,用户还应该能够根据需要折叠/展开。这可能吗?

我确实找到了一个类似的问题,但这与我的情况不同。

下面的代码以防您无法访问小提琴链接:

CSS:

[data-toggle="collapse"]:after {
display: inline-block;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  content: "\f054";
  transform: rotate(90deg) ;
  transition: all linear 0.25s;
  float: right;
  }   
[data-toggle="collapse"].collapsed:after {
  transform: rotate(0deg) ;
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<div id="accordion" role="tablist">
  <div class="card">
    <div class="card-header" role="tab" id="headingOne">
      <h5 class="mb-0">
        <a data-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          Collapsible Group Item #1
        </a>
      </h5>
    </div>

    <div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne" …
Run Code Online (Sandbox Code Playgroud)

css bootstrap-4

2
推荐指数
1
解决办法
2289
查看次数