Javascript 点击后关闭主题菜单

我使用的是Wordpress主题，叫做ichiban。 我制作了一些自定义菜单项，直接链接到同一页面上的部分。对于这些情况，我希望单击

项时整个菜单取消切换。这是我一直在研究的代码

jQuery( document ).ready(function($) {

    $('#menu-main li a').on("click", function(){
        $('.site-overlay-wrapper').hide();
    });

});

目前，此代码仅隐藏打开的菜单，菜单按钮不会重置，并且无法重新打开菜单。请帮我纠正这个代码

解决方案

jQuery( document ).ready(function($) {

    $('#menu-main li a').on("click", function(){
        $("body").removeClass("overlay-open");
    });

});

谢谢大家：）

这个帮助

jQuery( document ).ready(function($) {
    var t = true;
    $('#menu-main li a').on("click", function(){
        if(t===true){
            $('.site-overlay-wrapper').hide();
            t=false;
        }
        else{
            $('.site-overlay-wrapper').show();
            t=true;
        }
    });

});

下面是一个工作示例：

jQuery（文档）.ready（函数（$）{
var t=真；
$（'#按钮'）。在（“单击”，函数（）上）{
如果（t==true）{
$（'.show'）.hide（）；
$（此）.text（“显示”）；
t=假；
}
否则{
$（'.show'）.show（）；
$（此）.text（“隐藏”）；
t=真；
}
});
});

点击
祝你新年快乐您可以尝试使用jQuery方法

更改此行：

$('.site-overlay-wrapper').hide();

致：

谢谢你的努力！但此代码仅隐藏菜单，但不会重置菜单按钮，并且仍然无法重新打开菜单。我想可能是我使用了错误的类来隐藏。
$（“#menu main li a”）
我想这是你的问题。
a
标记是错误的。您需要直接将click Statement指向button类，因为您将菜单隐藏在任何
li中的任何
a
标记上
$('.site-overlay-wrapper').toggle();