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

Question

我目前正在开发一个全屏导航菜单，当我单击汉堡图标时会打开该菜单。现在，我可以通过添加一个名为“open”的类来切换导航，当我单击菜单时会触发该类。但是在关闭它时我被卡住了。您能否查看我的代码并让我知道我缺少什么？

$(document).ready(function() {
    $('#menu').on('click', function() {
       $('.overlay').addClass('open');
       $('#menu').removeClass('open-menu');
       $('#menu').addClass('close-menu');
    });
   
    $('.#menu').on('click', function() {
      $('.overlay').removeClass('open');
      $('#menu').addClass('open-menu');
      $('#menu').removeClass('close-menu');
    });
  });

标签： javascriptjquery

Answer 1

为此使用工具功能

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