我的下拉菜單無法正常工作

Question

我想讓人們在單擊“菜單”時隱藏/顯示nav 。 這是我的代碼：

<script>
    document.querySelector(".switch").onclick = function() {
        if (document.querySelector(".mobileNav ul").className == "drop"){
            this.className = "dropShow";
        }
        else {
            this.className = "drop";
        }
    };

</script>

但它什么也沒做。

Answer 1

快好了。 只是一個小錯誤。

this.className使用class .switch將className分配給按鈕元素。 而是執行以下操作：

document.querySelector(".switch").onclick = function() {

    var ulElem = document.querySelector(".mobileNav ul");

    if ( ulElem.className== "drop"){
        ulElem.className = "dropShow";
    }
    else {
        ulElem.className = "drop";
    }
};