手风琴元素上的切换功能损坏

如何解决手风琴元素上的切换功能损坏

function openAccordion() {
            let activeAccordion = document.getElementsByClassName('accordion active')[0]
            if (activeAccordion) {
                activeAccordion.classList.remove('active')
                activeAccordion.nextElementSibling.style.maxHeight = null;
            }


            let accordion = event.currentTarget
            accordion.classList.toggle('active')
            let panel = accordion.nextElementSibling;
            if (panel.style.maxHeight) {
                panel.style.maxHeight = null;
            } else {
                panel.style.maxHeight = panel.scrollHeight + "px";
            }
        }

上面的代码应该可以切换一个手风琴按钮并且一次只显示一个。但它坏了/被窃听了。

如果没有 activeAccordion 部分，切换工作正常，但打开另一个面板时它不会关闭打开的面板。

使用 activeAccordion 部分，它会在另一个打开时关闭面板，但切换停止工作。

我该如何重组？