Jak zbudować dynamiczne menu przy użyciu CSS i JavaScript?

Buduję stronę internetową dla mojego klubu tenisowego i szukałem inspiracji w różnych witrynach klubowych.

Czytałem o niektórych rozwiązaniach wcześniej, ale nigdy nie otrzymałem konkretnych porad od forum webmasterów.

Jak mogę osiągnąć coś takiego:

Menu:

       - Home
       - About the Club

Następnie powiedzmy, że użytkownik kliknie „O klubie”, a następnie menu wygląda jak poniżej:

       - Home
       - About the Club
            Members
            Prices
            Tournaments

Mam nadzieję, że jest to wystarczająco jasne, jeśli nie, mogę dostarczyć obraz, aby dalej wyjaśnić mój wymagany wynik.

P.s. Przysięgam, że jest to możliwe tylko przy użyciu CSS i JavaScript (być może frameworka takiego jak JQuery). Nie można używać PHP jako działającego na serwerze bez obsługi PHP / MySQL.

questionAnswers(3)

yourAnswerToTheQuestion