ドロップダウンメニューが表示されない

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は、クラス.switchのbutton要素にclassNameを割り当てます。 代わりに次の手順を実行してください。

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

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

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