我无法让我的下拉菜单工作

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 将className分配给具有类 .switch 的按钮元素。 而是执行以下操作：

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

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

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