Tach!
Ich möchte das Menü zweimal einbinden:
Momentan sucht es nur das erste Vorkommen von [id|="lang-menu"] button
, da muss was anders werden. So zum Beispiel:
document.querySelectorAll('[id|="lang-menu"] button').forEach(navButton => {
navButton.addEventListener('click', function() {
let expanded = this.getAttribute('aria-expanded') === 'true' || false;
this.setAttribute('aria-expanded', !expanded);
let menu = this.nextElementSibling;
menu.hidden = !menu.hidden;
});
});
Aus dem querySelector() wurde ein querySelectorAll() und über die damit entstehende Liste gehts mit forEach() weiter.
dedlfix.