Javascript 如何使单个页面上的多个详细信息标记具有手风琴效果？

我想在一个页面上使用多个标记。然而，有些可能最终包含很多内容，因此我想在任何给定时间限制只打开一个。这自然意味着关闭一个已经打开的

---

是否可以使用JavaScript以编程方式关闭详细信息标记？

如果我理解正确，这应该可以满足您的要求。details元素有一个可以简单删除的元素。我正在使用jQuery，但在vanilla JS中也应该可以直接使用jQuery

$(document).ready(function() {
    $('details').on('click', function() {
        $('details').removeAttr('open');
    });
});

---

你可能想过滤掉触发点击事件的细节标签，但它似乎是这样工作的。

有很多手风琴插件可用。我知道@Arun p Johny，但我已经有了一个解决方案，使用细节标签已经好了将近一年。它工作得很好，但是突然之间，需要在一些标签中包含更多的内容，如果打开多个标签，页面就会变得非常深。