使用类似手风琴的可折叠元素 - Bootstrap 3

我已经看到Bootstrap 3对于手风琴家的默认功能是在打开时关闭其他可折叠元素。使用类似手风琴的可折叠元素 - Bootstrap 3

是否可以使用折叠来做到这一点？

<div class="collapse" id="collapse5"> 

    <p> venenatis tincidunt. Fusce at dolor nunc. 
     Duis maximus pulvinar leo, id laoreet massa tincidunt ut. 
     Quisque scelerisque sit amet ipsum eget ornare. 
     Donec eu blandit lectus. Suspendisse potenti. 
     Praesent posuere enim sapien. Etiam et ullamcorper sem. 
     Nam quis leo eu enim porttitor mattis vitae vel libero. 
     Curabitur feugiat nec nulla quis luctus. 
    </p> 
</div> 

<button class="btn my-btn" type="button" data-toggle="collapse" data- target="#collapse5" aria-expanded="false" aria-controls="collapseExample" onclick="this.classList.toggle('open2')"> 
       &nbsp; 
</button>

本质上按钮打开可折叠的DIV，但是有可能说如果ID 5打开，关闭其他4？

或者我应该将这些元素转换成一个手风琴？

来源

2016-11-08 Jesse Orange

你的代码工作对我蛮好，只是**除去巨大的空间'数据 - 目标=“＃collapse5”'**它应该工作的罚款你，否则让我知道 –

If you dont want to use accordian then you must place onclick event on other buttons or you can use accordian

检查这个fiddle用于引导手风琴

来源

2016-11-08 11:58:18

使用类似手风琴的可折叠元素 - Bootstrap 3

回答

相关问题