Wie kann ich mit CSS und JavaScript ein dynamisches Menü erstellen?

Ich erstelle eine Website für meinen Tennisclub und suche auf verschiedenen Websites nach Anregungen.

Ich habe bereits einige Lösungen für mein Problem gelesen, aber noch nie einen konkreten Rat von einem Webmaster-Forum erhalten.

Wie kann ich etwas erreichen wie:

Speisekarte:

       - Home
       - About the Club

Wenn ein Benutzer auf "Über den Club" klickt, sieht das Menü wie folgt aus:

       - Home
       - About the Club
            Members
            Prices
            Tournaments

Ich hoffe, das ist klar genug, wenn ich nicht ein Bild zur Verfügung stellen kann, um mein gewünschtes Ergebnis näher zu erläutern.

Ps. Ich schwöre, dies ist nur mit CSS möglich, und JavaScript (möglicherweise ein Framework wie JQuery) kann eine Lösung nicht speziell festlegen. Ich kann PHP nicht auf einem Server ohne PHP / MySQL-Unterstützung verwenden.

Antworten auf die Frage(3)

Ihre Antwort auf die Frage