Javascript 添加和删除切换打开和关闭全屏导航的类

我目前正在使用一个全屏导航菜单，当我点击汉堡图标时，它就会打开。现在，我可以通过添加一个名为“open”的类来切换导航，该类在我单击菜单时触发。但当我要关闭它时，我被卡住了。你能检查一下我的代码，让我知道我遗漏了什么吗

$（文档）.ready（函数（）{
$（'#菜单'）。在（'单击'，函数（）上）{
$（'.overlay'）.addClass（'open'）；
$（“#菜单”）.removeClass（“打开菜单”）；
$（'菜单'）.addClass（'关闭菜单'）；
});
$（'.#菜单'）。在（'单击'，函数（）上）{
$（'.overlay'）.removeClass（'open'）；
$（'菜单'）.addClass（'打开菜单'）；
$（'菜单'）.removeClass（'关闭菜单'）；
});
});将toogle函数用于此类

$( "#target" ).toggle(function() {
  alert( "First handler for .toggle() called." );
}, function() {
  alert( "Second handler for .toggle() called." );
});

谢谢我简化了一点，到目前为止，它工作得很好！