javascript - 模态关闭时如何关闭所有可折叠的div？

Question

我的问题很简单，但是在查看了各自的 API 之后，我不知道如何完成以下操作：

在我的网页上，我有一个modal。此模式包含一个带有几个可折叠元素的手风琴。div当我打开模态时，在手风琴中打开一些可折叠项，关闭模态并再次打开模态，打开的可折叠项仍然打开。我宁愿希望在模态关闭时关闭所有打开的可折叠项。我怎么做？

或者，为了进一步简化我的问题，我通常如何一次关闭手风琴中所有打开的可折叠项？

Answer 1

如果您accordion-body根据链接的示例使用手风琴正文部分的类名，并且您的模态具有myModal根据您的其他示例的 id，则：

$("#myModal").on("hidden", function() {
    $("#myModal .accordion-body").collapse("hide");
});

每次隐藏模态时都会折叠模态的手风琴部分。