ハンバーガーメニューでページ内リンク時に閉じたい

Question

ハンバーガーメニューでページ内リンク時にメニューをクリックしたときに
ハンバーガーメニューを閉じたいです。

今は下記のスクリプトが書いてあります。
下記スクリプトを修正すれば実現するものでしょうか？

<script>
(function($) {
    $(function() {
        var $header = $('#top-head');
        // Nav Fixed
        $(window).scroll(function() {
            if ($(window).scrollTop() > 350) {
                $header.addClass('fixed');
            } else {
                $header.removeClass('fixed');
            }
        });
        // Nav Toggle Button
        $('#nav-toggle').click(function(){
            $header.toggleClass('open');
        });
    });
})(jQuery);
</script>

<script type="text/javascript">
$(function() {
  $('.box1').on('inview', function(event, isInView) {
    if (isInView) {
    //表示領域に入った時
      $(this).addClass('fadeInDown');
    } else {
    //表示領域から出た時
      $(this).removeClass('fadeInDown');
      $(this).css('opacity',0); //非表示にしておく
    }
  });
  $('.box2').on('inview', function(event, isInView) {
    if (isInView) {
      $(this).addClass('bounceIn');
    } else {
      $(this).removeClass('bounceIn');
    }
  });
  $('.box3').on('inview', function(event, isInView) {
    if (isInView) {
      $(this).addClass('lightSpeedIn');
    } else {
      $(this).removeClass('lightSpeedIn');
    }
  });
});	
</script>

追記
こちらにhtmlとcssを書きました。
https://codepen.io/a-z/pen/zmwxwP

実装したい事は、ページ内のアンカーリンクをクリックしたら、
メニューが閉じるようにしたいです。

Comments

[m.ts10806]

現在のコードにおける問題点、どこまでできていて何ができていないかを追記してください。

[x_x]

必要なHTMLとCSSとを書いてください。また、後半のjQuery.inviewらしきスクリプトは関係あるのでしょうか？

[SKY2020]

追記しました

[x_x]

codepenを見ましたが、メニュー内にページ内へのリンクがありません。確認してください。

[SKY2020]

<a href="./#block02">block02</a>がページ内リンクです。

[x_x]

実際にクリックしてみたでしょうか？ 別ページへ遷移します。404ですが

Answer 1

htmlソースが無いから想像でしか答えようがありません。
どの部分でハンバーガーメニューが開いているのかも想像するしかないです。

#top-headがハンバーガーボタンによって開くメニューならば、

$('#top-head a[href^="#"]').click(function(){

           #top-head.removeClass('open');
});

で期待する動作になるかもしれませんね。