Icon Flyout / slidern ähnlich wie bei meiner Navigation

[einsiedler]

Hallo Rolf,

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