关闭bootstrap4 Accordian，当另一个打开时，在表中生成

Question

我正在使用bootstrap-4在表格中生成手风琴。当点击图像时，我附加了另一个tr，这导致了手风琴的打开。然后在手风琴中，我将另一个tr添加到手风琴中。现在问题是我想在打开另一个时关闭手风琴。

我正在使用一点java脚本来点击按钮关闭第二个手风琴。但这不是问题。我希望在另一个人打开时关闭手风琴。 我提供了下面的代码链接..

Answer 1

嗨试试这个http://jsfiddle.net/dJDHd/2191/

解决方案是你只需要为其他人触发崩溃隐藏。我使用了一个类来区分显示崩溃的元素。

只需运行js小提琴，其工作正常

http://jsfiddle.net/dJDHd/2191/

$('.hiddenRow .accordian-body').on('show.bs.collapse', function () {
    $('.hiddenRow.has-collapse-shown .accordian-body').collapse('hide');
});

$('.hiddenRow .accordian-body').on('shown.bs.collapse', function () {
    $(this).parent('.hiddenRow').addClass('has-collapse-shown');
});


$('.hiddenRow .accordian-body').on('hidden.bs.collapse', function () {
    $(this).parent('.hiddenRow').removeClass('has-collapse-shown');
});