Hallo Rolf, ~~~ JavaScript document.addEventListener('DOMContentLoaded', function () { flyoutExtension("menu-toggle"); function flyoutExtension () { const toggle = document.querySelector('#menu-toggle'); toggle.addEventListener('click', function() { const currentState = toggle.getAttribute('aria-expanded'); const newState = currentState === 'true' ? 'false' : 'true'; toggle.setAttribute('aria-expanded', newState); const isExpanded = toggle.getAttribute('aria-expanded') === 'true'; menu.style.display = isExpanded ? 'block' : 'none'; }); } flyoutExtension("titel-toggle"); function flyoutExtension () { const toggle = document.querySelector('#titel-toggle'); toggle.addEventListener('click', function() { const currentState = toggle.getAttribute('aria-expanded'); const newState = currentState === 'true' ? 'false' : 'true'; toggle.setAttribute('aria-expanded', newState); const isExpanded = toggle.getAttribute('aria-expanded') === 'true'; menu.style.display = isExpanded ? 'block' : 'none'; }); } }); ~~~ also ist, was das JS betrifft richtig? Oder kann man das zusammenfassen, das ist eine Teilfrage. Bitte nicht so "abstrakt" alles. Ich bin nicht so rutiniert wie ihr es seid. der einsiedelnde

Hallo Rolf, ~~~ JavaScript document.addEventListener('DOMContentLoaded', function () { flyoutExtension("menu-toggle"); function flyoutExtension () { const toggle = document.querySelector('#toggle'); toggle.addEventListener('click', function() { const currentState = toggle.getAttribute('aria-expanded'); const newState = currentState === 'true' ? 'false' : 'true'; toggle.setAttribute('aria-expanded', newState); const isExpanded = toggle.getAttribute('aria-expanded') === 'true'; menu.style.display = isExpanded ? 'block' : 'none'; }); } flyoutExtension("titel-toggle"); function flyoutExtension () { const toggle = document.querySelector('#toggle'); toggle.addEventListener('click', function() { const currentState = toggle.getAttribute('aria-expanded'); const newState = currentState === 'true' ? 'false' : 'true'; toggle.setAttribute('aria-expanded', newState); const isExpanded = toggle.getAttribute('aria-expanded') === 'true'; menu.style.display = isExpanded ? 'block' : 'none'; }); } }); ~~~ also ist, was das JS betrifft richtig? Oder kann man das zusammenfassen, das ist eine Teilfrage. Bitte nicht so "abstrakt" alles. Ich bin nicht so rutiniert wie ihr es seid. der einsiedelnde

Hallo Rolf, ~~~ JavaScript document.addEventListener('DOMContentLoaded', function () { flyoutExtension(); function flyoutExtension () { const menu = document.querySelector('nav ul'); menu.insertAdjacentHTML('beforebegin', ``); menu.classList.add('menu'); const toggle = document.querySelector('#icon-toggle'); toggle.addEventListener('click', function() { const currentState = toggle.getAttribute('aria-expanded'); const newState = currentState === 'true' ? 'false' : 'true'; toggle.setAttribute('aria-expanded', newState); const isExpanded = toggle.getAttribute('aria-expanded') === 'true'; menu.style.display = isExpanded ? 'block' : 'none'; }); const toggle = document.querySelector('#menue-toggle'); toggle.addEventListener('click', function() { const currentState = toggle.getAttribute('aria-expanded'); const newState = currentState === 'true' ? 'false' : 'true'; toggle.setAttribute('aria-expanded', newState); const isExpanded = toggle.getAttribute('aria-expanded') === 'true'; menu.style.display = isExpanded ? 'block' : 'none'; }); } const cssRules = ``; const stylesheet = document.createElement('style'); stylesheet.textContent = cssRules; document.querySelector('html > head').appendChild(stylesheet); });Quelltext hier ~~~ also ist, was das JS betrifft richtig? Oder kann man das zusammenfassen, das ist eine Teilfrage. Bitte nicht so "abstrakt" alles. Ich bin nicht so rutiniert wie ihr es seid. der einsiedelnde

Hallo Rolf, ~~~ JavaScript document.addEventListener('DOMContentLoaded', function () { flyoutExtension(); function flyoutExtension () { const menu = document.querySelector('nav ul'); menu.insertAdjacentHTML('beforebegin', ``); menu.classList.add('menu'); const toggle = document.querySelector('#icon-toggle'); toggle.addEventListener('click', function() { const currentState = toggle.getAttribute('aria-expanded'); const newState = currentState === 'true' ? 'false' : 'true'; toggle.setAttribute('aria-expanded', newState); const isExpanded = toggle.getAttribute('aria-expanded') === 'true'; menu.style.display = isExpanded ? 'block' : 'none'; }); const toggle = document.querySelector('#menue-toggle'); toggle.addEventListener('click', function() { const currentState = toggle.getAttribute('aria-expanded'); const newState = currentState === 'true' ? 'false' : 'true'; toggle.setAttribute('aria-expanded', newState); const isExpanded = toggle.getAttribute('aria-expanded') === 'true'; menu.style.display = isExpanded ? 'block' : 'none'; }); } const cssRules = ``; const stylesheet = document.createElement('style'); stylesheet.textContent = cssRules; document.querySelector('html > head').appendChild(stylesheet); });Quelltext hier ~~~ also ist, was das JS betrifft richtig? Oder kann man das zusammenfassen, das ist eine Teilfrage. Bitte nicht so "abstrakt" alles. Ich bin nicht so riutiniert wie ihr es seid. der einsiedelnde