如何用自举手风琴将两个手风琴折叠起来

Question

我正在使用bootstrap手风琴，想要一个折叠式div用于一个手风琴按钮。

问题是使用id和两个相同id的bootstrap不能出现在同一页面上。

对我来说，挑战在于崩溃的div不属于同一个父母

.image {
    background: url("image.jpg");
}
@media only screen and (max-width: 250px) {
    .image {
        background: url("alternative-image.jpg");
    }
}

Answer 1

您可以使用JavaScript折叠手风琴。给他们两个共享类，然后使用一些点击然后折叠这样的逻辑。

$('#button_to_trigger_collapse').click(function(){
    $('.div_to_collapse').collapse('toggle');
});

有关如何优化行为的详细信息，请参阅此处的文档。

http://getbootstrap.com/javascript/#via-javascript-3