Как закрыть полноэкранное меню при нажатии на любую из ссылок внутри меню?

Question

Я хочу реализовать https://codepen.io/brenden/pen/VLjKMQ/ это меню в моем проекте / веб-сайте, но я не могу закрыть меню после того, как нажму на любую ссылку или даже перейду на нужный раздел (моего одностраничного веб-сайта). ).

<h1>Your Content</h1>
<div class="outer-menu">
  <input class="checkbox-toggle" type="checkbox" />
  <div class="hamburger">
    <div></div>
  </div>
  <div class="menu">
    <div>
      <div>
        <ul>
          <li><a href="#">About</a></li>
          <li><a href="#">Products</a></li>
          <li><a href="#">Blog</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

Answer 1

// bind a click listener to the entire menu
document.querySelector('.menu').addEventListener('click', function(e){
  // check to see if the element clicked was a link
  if (e.target.tagName === 'A') {
    // set the checkbox to checked false
    document.querySelector('.checkbox-toggle').checked = false;
  }
});