Я не могу заставить мое выпадающее меню работать

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 к кнопке элемента с классом .Включить. Вместо этого:

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

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

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