Toogle overlay JavaScript

[untouchable66]

Hallo zusammen

Bin am erstellen einer Kunden Webseite
Da gibt es oben rechts ein aufklappbares Menu, welches über JavaScript angesteuert wird. Aktuell ist es so, dass sich das Menu öffnen lässt, ein Link ausgewählt wird und das Menu wieder geschlossen werden muss.

Ich möchte nun erreichen, dass beim Auswählen eines Linkes das Menu selbstständig auch wieder schliesst.
Hier der Code aus dem main.js:

/* navigation2 */
$(function() {
$('#toggle').click(function() {
$(this).toggleClass('active');
$('#overlay').toggleClass('open');
});
});

Wie muss ich das nun erweitern, dass das Menu bei der Wahl eines Links schliesst?

Danke für Eure Unterstützung
Andreas

 

[Myhar]

Mit dem JS $('#overlay').toggleClass('open'); wechselst du die Klasse vom Overlay zwischen open (und eben nicht open). Du musst also beim klick auf einen Link auch die Klasse "togglen"-lassen (mit dem selben Befehl).

Wieso wird bei so einer einfachen Navigation überhaupt auf so ein JS-Menü zurückgegriffen? Das erfodert doch nur mehr Klicks (und somit mehr Frustration) beim Nutzer?

 

[untouchable66]

Mit dem JS $('#overlay').toggleClass('open'); wechselst du die Klasse vom Overlay zwischen open (und eben nicht open). Du musst also beim klick auf einen Link auch die Klasse "togglen"-lassen (mit dem selben Befehl).

Wieso wird bei so einer einfachen Navigation überhaupt auf so ein JS-Menü zurückgegriffen? Das erfodert doch nur mehr Klicks (und somit mehr Frustration) beim Nutzer?

Tja, hab das Gerüst übernommen und einfach CSS und HTML angepasst. Wie würdest Du denn das bauen aber diese Funktion so zu behalten? Eben einfach mit dem schliessen.
Dazu kommt, dass ich mit JS nicht so wirklich Erfahrung habe und kein Plan, wie ich das JS-Menü anpassen müsste.