如何通过单击“菜单”和“内容”使手风琴菜单工作

如何解决如何通过单击“菜单”和“内容”使手风琴菜单工作

我制作了一些可在点击时展开和折叠的手风琴菜单。 现在我正在尝试添加一项功能，当单击“内容”部分时它会折叠。此功能运行良好。

但是，当我尝试通过单击菜单来展开内容时，我不再展开。 它仅在页面刷新时有效。

我怎样才能让它在被点击时工作？

var btn8 = document.getElementsByClassName("subheading-wrapper-nav8"); 

        
btn8[0].addEventListener("click",function () { 

    var c8 = document.getElementById("c8");

    this.classList.toggle("active"); 

    var content = this.nextElementSibling; 
    if (content.style.display === "block") { 
        setTimeout(function() {
            content.style.display = "none"; 
         },500);
    } else { 
        content.style.display = "block";
        c8.scrollIntoView({ behavior: 'smooth' });
    } 
}); 

var btnCtn8 = document.getElementsByClassName("btnContent8"); 
btnCtn8[0].addEventListener("click",function (handle) { 

    setTimeout(function() {
        btnCtn8[0].style.display = "none"; 
        },500);
});