JavaScript - odpięcie klasy z elementu

Question

Czy ktoś ma pomysł dlaczego klasa .open nie zostaje usunięta z elementu dropDownMenu?

Próbowałem usunąć również klasę poprzez classList.remove("open") - ale to też nie działa.

Na elemencie jest już jednak klasa .nav-list i co ciekawe gdy usunę tę klasę kod javascript działa, ale gdy element zawiera już więcej niż jedną klasę, bo nie mogę usuwać klasy dodanej przez zdarzenie click.

let burgerMenu = document.querySelector(".burger-menu");
let dropDownMenu = document.querySelector(".nav-list");

burgerMenu.addEventListener("click", function(){

if (dropDownMenu.classList != "open") {
    dropDownMenu.classList.toggle("open", true);
} else {
    dropDownMenu.classList.toggle("open", false);
}
});

 

Answer 1

Tylko widzisz Ty nie sprawdzasz czy class'a istnieje w elemencie.

Zamień to

if (dropDownMenu.classList != "open")

na: 

if (dropDownMenu.classList.contains("open"))