Wordpress上にてハンバーガーメニュー内のページ内リンクを押してもメニューが閉じない

前提・実現したいこと

ワードプレス上でPHP,JS,CSSを用いてコーポーレートサイトを作成しています。ハンバーガーメニューの中にいくつかページ内リンクをつけているのですが、ページ内リンクを押してもメニューが閉じなくて困っています。ページ内リンク以外は問題ないです。

発生している問題・エラーメッセージ

該当のソースコード

PHP
1<p class="btn-gnavi">
2        <span></span>
3        <span></span>
4        <span></span>
5    </p>
6    <nav id="global-navi">
7        
8        <ul class="menu">
9            <li><a href="https://enshin2020.sakura.ne.jp/wps/">Top</a></li>
10            <li><a href="https://enshin2020.sakura.ne.jp/wps/#top">Vision</a></li>
11            <li><a href="https://enshin2020.sakura.ne.jp/wps/#service">Service</a></li>
12            <li><a href="https://enshin2020.sakura.ne.jp/wps/#works">Works</a></li>
13            <li><a href="https://enshin2020.sakura.ne.jp/wps/form/">Contact</a></li>
14        </ul>
15    </nav>

JavaScript
1$(function(){
2    $(".btn-gnavi").on("click", function(){
3        // ハンバーガーメニューの位置を設定
4        var rightVal = 0;
5        if($(this).hasClass("open")) {
6            // 位置を移動させメニューを開いた状態にする
7            rightVal = -600;
8            // メニューを開いたら次回クリック時は閉じた状態になるよう設定
9            $(this).removeClass("open");
10        } else {
11            // メニューを開いたら次回クリック時は閉じた状態になるよう設定
12            $(this).addClass("open");
13        }
14        $("#global-navi").stop().animate({
15            right: rightVal
16        }, 400);
17    });
18});

CSS
1/*スマホ画面でハンバーガーメニューの形にする*/
2@media screen and (max-width: 480px) {
3#wrapper nav {
4    position: fixed;
5    top: 0;
6    right: -100vw;
7    width: 100vw;
8    height: 100%;
9    padding: 22vw 10vw;
10    background:#666;
11    font-size: 4vw;
12    box-sizing: border-box;
13    z-index: 2;
14}
15#wrapper nav ul li {
16    display:block;
17    padding: 20px 28px
18}
19 
20#wrapper nav ul li a {
21    text-decoration: none;
22    color: #fff;
23    font-size: 9vw;
24}
25 
26#wrapper .btn-gnavi {
27    position: fixed;
28    top: 5vw;
29    left: 86vw;
30    width: 30px;
31    height: 24px;
32    z-index: 3;
33    box-sizing: border-box;
34    cursor: pointer;
35    -webkit-transition: all 400ms;
36    transition: all 400ms;
37}
38 
39#wrapper .btn-gnavi span {
40    position: absolute;
41    width: 32px;
42    height: 4px;
43    background: #666;
44    -webkit-transition: all 400ms;
45    transition: all 400ms
46}
47 
48#wrapper .btn-gnavi span:nth-child(1) {
49    top: 0
50}
51 
52#wrapper .btn-gnavi span:nth-child(2) {
53    top: 10px
54}
55 
56#wrapper .btn-gnavi span:nth-child(3) {
57    top: 20px
58}
59 
60#wrapper .btn-gnavi.open {
61    -webkit-transform: rotate(180deg);
62    transform: rotate(180deg)
63}
64 
65#wrapper .btn-gnavi.open span {
66    background: #fff
67}
68 
69#wrapper .btn-gnavi.open span {
70    width: 32px;
71}
72#wrapper .contents section p {
73    position: absolute;
74    top: 50%;
75    width: 30%;
76    line-height: 1.4;
77    font-size: 20px;
78    color: #fff;
79    text-shadow: 0 0 6px #666
80}
81 
82#wrapper .contents section:nth-child(odd) p {
83    left: 10%
84}
85 
86#wrapper .contents section:nth-child(even) p {
87    right: 10%
88}
89.content{
90    line-height: 1.6;
91    margin: 0 auto;
92    padding-top: 100px;
93}
94.content p{
95    margin-bottom: 40px;
96}