Javascript 单击主体，如果打开，则关闭菜单

这是我右侧导航菜单幻灯片的javascript代码。它工作正常，但我想在单击打开此菜单或关闭菜单后，单击正文上的任意位置并切换按钮关闭此菜单？

w3schools上有许多示例，您可以使用其中任何一个。但我个人喜欢的是：

函数openNav{ document.getElementByIdmySidenav.style.width=250px； document.getElementByIdmain.style.marginLeft=250px； document.body.style.backgroundColor=rgba0,0,0,0.4； } 关闭导航功能{ document.getElementByIdmySidenav.style.width=0； document.getElementByIdmain.style.marginLeft=0； document.body.style.backgroundColor=白色； } 身体{ 字体系列：拉托，无衬线； 过渡：背景色。5s； } .侧导航{ 身高：100%； 宽度：0； 位置：固定； z指数：1； 排名：0； 左：0； 背景色：111； 溢出x：隐藏； 过渡：0.5s； 填充顶部：60px； } .侧导航a{ 填充：8px 8px 8px 32px； 文字装饰：无； 字体大小：25px； 颜色：818181； 显示：块； 过渡：0.3s } .sidenav a:悬停，.offcanvas a:聚焦{ 颜色：F1F1； } .sidenav.closebtn{ 位置：绝对位置； 排名：0； 右：25px； 字体大小：36px； 左边距：50像素； } 主要{ 过渡：左边距。5s； 填充：16px； } @媒体屏幕和最大高度：450px{ .sidenav{填充顶部：15px；} .sidenav a{字体大小：18px；} } 侧导航推送示例 单击下面的元素打开侧面导航菜单，并将此内容向右推。请注意，当sidenav打开时，我们为body添加了一个黑色透明背景色

&9776; 打开

---

欢迎来到SO！请花些时间阅读常见问题，特别是关于如何在这里提出好问题。一个好方法是，在标题中总结你的问题。请注意，大多数用户都希望看到您尝试过的内容。所以最好包括这一点。谢谢你，这和我在W3学校看到的一样。再次感谢你，伙计：-

$('#menuToggle, .menu-close').on('click', function(){
    $('#menuToggle').toggleClass('active');
    $('body').toggleClass('body-push-toleft');
    $('#theMenu').toggleClass('menu-open');
    $('#menuToggle').find($(".fa")).toggleClass('fa-rotate-180');
    $("body").toggleClass("active");
});