第二次單擊菜單切換不起作用

Question

第一次單擊以打開菜單，但第二個菜單不起作用。 我本人不是編碼員，但我總是想自己解決問題。 我已經搜尋了很多答案，但我什至無法解決。 非常感謝您的幫助

的HTML

關於服務客戶聯系

function openbox(){
        var d = document.getElementById("centralboxdiv");
        d.classList.remove("fadeOut");
        d.classList.remove("animated");
        d.className += " fadeIn animated";
        d.style.display = "flex";
        var d2 = document.getElementById("masthead"); 
        d2.style.display = "none";
        var d3 = document.getElementById("maincenterlogo"); 
        d3.style.display = "none";

        var d4 = document.getElementById("tempdcenterlogosmall");
        d4.classList.remove("fadeInUp");
        d4.classList.remove("animated");
        var d5 = document.getElementById("maincenterlogo");
        d5.classList.remove("fadeOutUp");
        d5.classList.remove("animated");
    }
    function closebox(){
        var d = document.getElementById("centralboxdiv");
        d.classList.remove("fadeIn");
        //d.classList.remove("animated");
        d.className += " fadeOut ";

        var d2 = document.getElementById("masthead"); 
        d2.style.display = "flex";
        var d3 = document.getElementById("maincenterlogo"); 
        d3.style.display = "flex";
        //d.style.display = "none";
    }

Java腳本

 function openbox(){ var d = document.getElementById("centralboxdiv"); d.classList.remove("fadeOut"); d.classList.remove("animated"); d.className += " fadeIn animated"; d.style.display = "flex"; var d2 = document.getElementById("masthead"); d2.style.display = "none"; var d3 = document.getElementById("maincenterlogo"); d3.style.display = "none"; var d4 = document.getElementById("tempdcenterlogosmall"); d4.classList.remove("fadeInUp"); d4.classList.remove("animated"); var d5 = document.getElementById("maincenterlogo"); d5.classList.remove("fadeOutUp"); d5.classList.remove("animated"); } function closebox(){ var d = document.getElementById("centralboxdiv"); d.classList.remove("fadeIn"); //d.classList.remove("animated"); d.className += " fadeOut "; var d2 = document.getElementById("masthead"); d2.style.display = "flex"; var d3 = document.getElementById("maincenterlogo"); d3.style.display = "flex"; //d.style.display = "none"; } 

謝謝

Answer 1

似乎在HTML中，菜單切換永遠不會有機會調用closebox函數。

我建議您使用單個切換功能（如jQuery中的切換功能）來處理切換操作或一些CSS技巧。

如果您堅持使用一個打開功能和一個關閉功能，則可以嘗試addEventListener 。