ページ内遷移したらドロワーメニューを閉じるようにしたいのですがどうしたら良いでしょうか？

前提・実現したいこと

ハンバーガーメニュー内のページ内リンクをクリックで
ハンバーガーメニューが閉じるようにしたいと考えています。

現状

ハンバーガーメニュー内のページ内リンクをクリックとすると該当箇所まで移動はしますが、
ハンバーガーメニューが閉じずに開いたままになってしまいます。

やりたい事

ハンバーガーメニュー内のページ内リンクをクリックで
該当箇所まで移動と同時にハンバーガーメニューを閉じたいです。

試したこと

似たような質問を見たり調べたりして色々試しては見ましたが
思っているような動きが再現できずにいます

該当のソースコード

html
1<div class="site-header">
2            <div class="header-contents">
3               <div id="menu_btn">
4                  <span></span>
5                  <span></span>
6                  <span></span>
7               </div>
8               <h1><a href="index.html">#test</a></h1>
9            </div>
10         </div>
11         <div id="menu">
12            <ul>
13               <li><a href="link/index.html#block-link">link</a></li>
14               <li><a href="link/index.html#block-link">link</a></li>
15            </ul>
16         </div>
17         <div class="menu-background"></div>

JS
1<script>
2   $('#menu_btn').on('click', function(){
3      if($(this).hasClass('active')) {
4         $(this).removeClass('active');
5         $('#menu').removeClass('open'); 
6         $('.menu-background').removeClass('open'); 
7      } else {
8         $(this).addClass('active'); 
9         $('#menu').addClass('open');
10         $('.menu-background').addClass('open'); 
11      }
12   });
13</script>

行動規範の内容に同意します

回答1件

IE切っていいならpopstateで判断します

javascript
1<script>
2$(function(){
3  $(window).on('popstate',function(){
4    console.log('ページ内遷移:'+location.hash);
5  });
6});
7</script>
8[
9<a href="#hoge">hoge</a> |
10<a href="#fuga">fuga</a> |
11<a href="#piyo">piyo</a> ]
12
13<div id="hoge">hoge</div>
14<div id="fuga">fuga</div>
15<div id="piyo">piyo</div>