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

我使用bootstrap-4在表中生成手风琴。我追加另一个tr时，点击图像，结果打开手风琴。接下来在手风琴中，我在每个tr后面加上另一个tr，表示手风琴中的手风琴。现在的问题是，当另一个手风琴打开时，我想关闭它

我正在使用一个小java脚本在点击按钮时关闭第二个手风琴。但这不是问题。当另一个手风琴打开时，我想把它关上。 我正在提供下面的代码链接。

嗨，试试这个

解决方案是您只需为其他对象触发折叠隐藏。我使用了一个类来区分已显示的元素

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

这是我代码的链接\

$('.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');
});