Probleme mit Menü

[none]

Hallo Ihr Wissenden,

leider sind meine JavaScript-Kenntnisse = 0.

Habe folgendes Problem:

Ich möchte, dass sich das Menu nach einem Klick auf einen Link automatisch schließt. Die Seite ist als OneSidePage angelegt.

Code:

<!-----------------------_MENU_NEW_---------------------------------------->

<nav class="site-nav">
    </summary>
  <ul>
        <li><a href="#UE">Über mich</a></li>
        <li><a href="#Leistungen">Leistungen</a></li>
        <li><a href="#Kurse">Kurse</a></li>
        <li><a href="#Kontakt">Kontakt</a></li>
        <li><a href="#Recht"><strong>§</strong> Rechtliche Hinweise</a></li>
  </ul>
    </summary>
</nav>


    <div id="full-screen-menu-toggle" style=" font-size: 1.5em;">&Congruent;</div>


<script>
  // Quelle: http://johnm.io/project/hamburgler/
 
  document.getElementById('full-screen-menu-toggle').addEventListener('click', checkNav);
  window.addEventListener("keyup", function(e) {
    if (e.keyCode == 27) closeNav();
  }, false);

  function checkNav() {
    if (document.body.classList.contains('full-screen-menu-active')) {
      closeNav();
    } else {
      openNav();
    }
  }

  function closeNav() {
    document.body.classList.remove('full-screen-menu-active');
  }

  function openNav() {
    document.body.classList.add('full-screen-menu-active');
  }
</script>

Könnt Ihr mir bitte helfen?
Vielen Dank für Eure Hilfe im Voraus...
none