How to hide responsive menu after click?

Question

User navigation

good afternoon, please help!
I found a script for an adaptive menu,
but I'm not friends with java.
how to hide menu list after navigation by anchor?

<nav class="menu">
        <ul class="active">
          <li class="current-item"><a href="#rbt">ремонт бытовой техники</a></li>
          <li class="install"><a href="#">установка подключение и настройка</a></li>
          <li class="yr-face"><a href="#yr-face">Ремонт и обслуживание электрооборудования</a></li>
          <li class="halva"><a href="#halva">рассрочка "Халва"</a></li>
          <li><a href="#info_and_questions">контакты</a></li>
        </ul>

        <a class="toggle-nav" href="#">&#9776;</a>

        <div class="tel"><a href="tel:++(123)456789"><span class="city">Могилёв</span><img src="sites/all/themes/remservice/img/call.png" alt=""/>+(123)456789</a></div>
      </nav>

jQuery(document).ready(function() {
  jQuery('.toggle-nav').click(function(e) {
    jQuery(this).toggleClass('active');
    jQuery('.menu ul').toggleClass('active');

    e.preventDefault();
  });