document.addEventListener("DOMContentLoaded", () => {
    let dropdownmenuElement = document.getElementById("dropdownmenu");
    let dropdownmenuButtonElement = document.getElementById("dropdownmenu-button");
    let dropdownmenuNopeElement = document.getElementById("dropdownnope");
    function toggleDropDown() {
        if (dropdownmenuElement.classList.contains("dropdownvisible")) {
            dropdownmenuElement.classList.remove("dropdownvisible");
            dropdownmenuNopeElement.classList.remove("dropdownvisible");
        } else {
            dropdownmenuElement.classList.add("dropdownvisible");
            dropdownmenuNopeElement.classList.add("dropdownvisible");
        }
    }
    if (dropdownmenuButtonElement != null) {
        dropdownmenuButtonElement.addEventListener("click", toggleDropDown);
        dropdownmenuNopeElement.addEventListener("click", () => {
            dropdownmenuElement.classList.remove("dropdownvisible");
            dropdownmenuNopeElement.classList.remove("dropdownvisible");
        })
    }
});