Menü ein-, ausblenden

[LK]

Hallo zusammen,

die HTML und CSS Nutzung ist für mich noch neu. Ich bin gerade dabei eine Webseite mit einem Menü zu erstellen. Ich habe bereits die Webseite mit einer Reihe vertikal angeordneter Buttons erstellt, die zwischen verschiedenen Links der Webseite umschalten. dies funktioniert wie gewünscht. Nun würde ich gerne das Menü ein- und ausblenden können. Ein beispiel ist hier zu sehen: http://www.web-toolbox.net/webtoolbox/index.html#home Leider fehlt mir der Ansatz und den Quellcode zum Menü auf der verlinkten Seite hilft mir auch nicht wirklich weiter...

<nav class="menu" id="theMenu">

                <div class="menu-wrap">
                        <h1 class="logo"><a href="index.html#home">Clickstart</a></h1>
                        <i class="icon-remove menu-close"></i>
                        <a href="#home" class="smoothScroll">Home</a>
                        <a href="#about" class="smoothScroll">About</a>
                        <a href="#projekte" class="smoothScroll">Portfolio</a>
                        <a href="#contact" class="smoothScroll">Impressum</a>

                </div>

                <!-- Menu button -->
                <div id="menuToggle"><i class="icon-reorder"></i></div>
        </nav>

Ich würde mich freuen, wenn Ihr einen Ansatz anhand dieses Beispiels für mich hättet oder eine Tutorial oder ähnliches zur Umsetzung eines solchen Menüs.

vielen Dank!