在模式中调用引导手风琴上的"collapse"阻止我再次打开它

Question

我使用的是bootstrap/jquery。我有一个模态窗口，其中有一个窗体，窗体包含一个手风琴组。每次打开模态时，我想折叠手风琴组中的所有内容。我添加了以下代码，当我单击按钮打开模态时执行:

$('.accordion-body').each(function(){
    if ($(this).hasClass('in')) {
        $(this).collapse('toggle');
    }
});

它可以折叠手风琴组中的所有内容，但是每个调用了折叠开关的手风琴在点击时不再展开。用下面的代码替换上面的代码，我得到了类似的行为:

$('.accordion-body').collapse();

在这种情况下，由于折叠在所有折叠体上被调用，因此不会展开任何内容。

提前感谢您的建议

Answer 1

我不完全理解你的问题，但我已经创建了一个例子，我是如何理解它的

Demo Fiddle with modal

同时使用:

data-toggle="collapse"

和

$('#myModal').on('shown', function () {
  $('.accordion-body').each(function(){
        $(this).collapse();
});
})