09.10.2021, 14:46
Hallo Ihr Wissenden,
leider sind meine JavaScript-Kenntnisse = 0.
Habe folgendes Problem:
Ich möchte, dass sich das Menu nach einem Klick auf einen Link automatisch schließt. Die Seite ist als OneSidePage angelegt.
Könnt Ihr mir bitte helfen?
Vielen Dank für Eure Hilfe im Voraus...
none
leider sind meine JavaScript-Kenntnisse = 0.
Habe folgendes Problem:
Ich möchte, dass sich das Menu nach einem Klick auf einen Link automatisch schließt. Die Seite ist als OneSidePage angelegt.
Code:
<!-----------------------_MENU_NEW_---------------------------------------->
<nav class="site-nav">
</summary>
<ul>
<li><a href="#UE">Über mich</a></li>
<li><a href="#Leistungen">Leistungen</a></li>
<li><a href="#Kurse">Kurse</a></li>
<li><a href="#Kontakt">Kontakt</a></li>
<li><a href="#Recht"><strong>§</strong> Rechtliche Hinweise</a></li>
</ul>
</summary>
</nav>
<div id="full-screen-menu-toggle" style=" font-size: 1.5em;">≡</div>
<script>
// Quelle: http://johnm.io/project/hamburgler/
document.getElementById('full-screen-menu-toggle').addEventListener('click', checkNav);
window.addEventListener("keyup", function(e) {
if (e.keyCode == 27) closeNav();
}, false);
function checkNav() {
if (document.body.classList.contains('full-screen-menu-active')) {
closeNav();
} else {
openNav();
}
}
function closeNav() {
document.body.classList.remove('full-screen-menu-active');
}
function openNav() {
document.body.classList.add('full-screen-menu-active');
}
</script>
Könnt Ihr mir bitte helfen?
Vielen Dank für Eure Hilfe im Voraus...
none