Ich hab n doofes Problem mit einem button der als Hamburgermenu herhalten muss
Ich hab das Problem das auf den burger__line spans der clickevent nicht greift.
Das ist echt merkwürdig.
Vielleicht hat ja einer eine Idee warum das Bubbling nicht richtig funktioniert?
HTML:
<button class="burger" aria-label="Toggle navigation" id="burgerBtn">
<span class="burger__line">
:before
:after
</span>
</button>
Ich hab das Problem das auf den burger__line spans der clickevent nicht greift.
Das ist echt merkwürdig.
Javascript:
burgerBtn.addEventListener('click', (event) => {
event.preventDefault();
if (mainMenu.classList.contains('fadein')) {
mainMenu.classList.remove('fadein');
mainMenu.style.display = 'none';
// mainMenuLi.forEach((li, index, array) => {
// if (index === array.length - 1) {
// li.addEventListener('animationend', (event) => {
// mainMenu.style.display = 'none';
// });
// }
// });
}
else {
mainMenu.style.display = 'flex';
mainMenu.classList.add('fadein');
}
if (burgerBtn.classList.contains('hover')) {
burgerBtn.classList.remove('hover');
}
else {
burgerBtn.classList.add('hover');
}
});
Zuletzt bearbeitet: