HELP ! Burger menu

jlspam
Les bases HTML/CSS
Javascript

Hello !

Voila plusieurs heures que je me prends la tete sur un problème. J'ai un burger menu qui s'ouvre convenablement et se ferme lorsque on clic sur l'icone de fermeture. J'aimerais que le même comportement de fermeture se réalise lorsqu'on clic sur un lien. J'ai beau tourner ma fonction dans tous les sens j'y arrive pas.

Je suis déasespéré... Merci !

HTML :

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <div id="menuDemo">
            <div class="menu-icon-wrapper">
                <div class="menu-icon" onclick="toggleCssMenu(this)">
                    <div class="three-line">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
            </div>
            <div class="cssmenu" id="cssmenu">
                <ul class="nav-list" id="nav-list">
                    <li><a href="#"><img src="/img_logo/logo_def.png" alt="Logo_Arco" width="70"></a></li>
                    <li><a href="#">Accueil</a></li>
                    <li><a href="#gite">Le gîte</a></li>
                    <li><a href="#">Galerie</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
        </div>"

JAVASCRIPT :

function toggleCssMenu(icon) {
    var cssmenu = document.getElementById('cssmenu');
    if (icon.className.indexOf('active') == -1) {
        icon.className = 'menu-icon active';
        cssmenu.style.display = "block";
        setTimeout(function () { cssmenu.className = 'active'; }, 0);
    }
    else {
        icon.className = 'menu-icon';
        cssmenu.className = 'cssmenu';
        setTimeout(function () { cssmenu.style.display = "none"; }, 411);
    }
}

Aucune réponse