我试图使用手风琴和折叠插件使用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) 我有这个小提琴手风琴。我想让它同时打开任何或所有手风琴。
目前,如果您打开了 #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)