フルスクリーンナビゲーションで、アンカーリンクに移動で閉じる

Question

こちらのサイトのjQueryをコピーしてフルスクリーンナビゲーションを実装しようとしています。
https://webdesignday.jp/inspiration/technique/css/4746/

これで何も申し分ないのですが、同じページのアンカーリンクへ移動はするのですがフルスクリーンナビゲーションが閉じてくれません。
(フルスクリーンナビゲーションの背景を半透明にすると移動しているのはわかります)
どうしたら閉じてくれるようになるでしょうか。
回答よろしくお願いします

jQuery(function($){
    $('.menu').on('click',function(){
        $('.menu__line').toggleClass('active');
        $('.gnav').fadeToggle();
    });
});

Answer 1

リンク要素にもクリックイベントを追加すればいいでしょう。
jQueryならセレクタに , で区切って複数要素を指定できます。

$('.menu, .gnav__menu__item a').on('click',function(){
    $('.menu__line').toggleClass('active');
    $('.gnav').fadeToggle();
});

Comments

[winter_pc]

ありがとうございます!!