ハンバーガーメニューについて

Question

前提・実現したいこと

ハンバーガーメニューを実装し、リンク内ページへジャンプしたのですが、
メニューバーがそのまま残り消えません。
（なおレスポンシブ対応で、760px以下のみメニューバー表示となっています。）

リンク先へジャンプと同時に、メニューバーを消したいです。
現在HTMLとCSSとJavaScriptを使用しています。
実装方法をご教示頂けますと幸いです。
よろしくお願い致します。

該当のソースコード

HTML:
   <input id="menu" class="menu-btn right" type="checkbox">
        <label for="menu" class="open">|||</label>
        <label for="menu" class="back"></label>
        <aside>
           <label for="menu" class="close">X</label>
           <nav role="navigation" id="nav">
           <div id="dropdown" class="main-nav-container-right">
             <ul class="main-nav">
               <li><a href="#vision">Mission</a></li>
               <li><a href="#updates">News</a></li>
               <li><a href="#service">Service</a></li>
               <li><a href="#aboutUs">AboutUs</a></li>
               <li><a href="#contact">Contact</a></li>
             </ul>
           </div>
         </nav>
       </aside>
CSS:
.main-nav {
    width: 50%;
    text-align: center;
    margin-left: 15%;
    display: list-item;
    list-style-type: none;
  }
  .main-nav li a {
    display: inline-block;
    padding: 2rem 2rem;
    font-size: 1.6rem;
    text-align: center;
  }

  .open,
  .close {
    display: block;
  }
  .open {
    position: absolute;
    top: 10%;
    right: -30%;
  }
  .open img {
    width: 25%;
  }

  .close {
    color: black;
    opacity: 0;
    font-size: 4.3rem;
    position: absolute;
    right: 25%;
    top: -4%;
  }

  aside {
    position: absolute;
    left: -450px;
    transition: all 0.15s;
    width: 80%;
  }

  input[type="checkbox"]:checked ~ aside {
    left: 0;
  }
  input[type="checkbox"]:checked ~ .back {
    position: absolute;
    width: 100%;
    height: 100%;
  }


JavaScript:
$(function() {
  $('.menu-nav li a').on('click', function(event) {
    $('#menu').prop('checked', false);
  });
});

試したこと

CSSのみで打ち込んでみましたが、上手くいきませんでした。

補足情報（FW/ツールのバージョンなど）

Answer 1

コード
<li><label for="menu" onclick="window.location.hash='vision'"><!--<a href="#vision">-->Mission</a></label></li>
               <li><label for="menu" onclick="window.location.hash='updates'"><!--<a href="#updates">-->News</a></label></li>
               <li><label for="menu" onclick="window.location.hash='service'"><!--<a href="#service">-->Service</a></label></li>
               <li><label for="menu" onclick="window.location.hash='aboutUs'"><!--<a href="#aboutUs">-->AboutUs</a></label></li>
               <li><label for="menu" onclick="window.location.hash='contact'"><!--<a href="#contact">-->Contact</a></label></li>