javascript - 自动添加类并在菜单关闭或正文点击正文时将其删除

Question

早上好，老实说，我不知道如何正确使用 js，我开始从学校学习它。下面的代码一旦您单击带有 menuToggle 类的菜单，modal-backdrop 就会加起来。我想要完成的是再次单击或关闭菜单后，类模态背景也将被删除。

下面的代码只是在 modal-backdrop div 上添加广告，并在 10 秒或更长时间后自动删除。

$("a.menuToggle").click(function() {
  var bd = $('<div class="modal-backdrop"></div>');
  bd.appendTo(document.body);
  setTimeout(function() {
    bd.remove();
  }, 10000);
});

Answer 1

像这样:

   $("a.menuToggle").click(function() {
        if($('.modal-backdrop').length) {
            $(this).removeClass('.modal-backdrop');
        } else {
            var bd = $('<div class="modal-backdrop"></div>');
            bd.appendTo(document.body);
        }
    });