javascript - jquery 单击附加和删除附加第二次单击

Question

我正在尝试在 click div 上创建一个附加菜单。但我有一个问题。第二次单击后如何删除附加元素。任何人都可以在这方面帮助我吗？

这是 DEMO来自 codepen.io

的页面

Js

$(document).ready(function(){
   $("body").on("click", ".menu-button", function(event){
      event.preventDefault();
      $(".menu-container").append('<div class="button"></div><div class="rebackbar"></div><div class="abc" id="myDiv"></div><div class="lBrgF"><div class="card"><span class="three-quarters-loader">Loading&#8230; </span></div></div>');
   });

});

Answer 1

似乎切换元素而不是添加它会更好，但你可以只检查

var childNodes = $(".menu-container").children();
if (childNodes.length) {
    childNodes.remove();
} else {
    $(".menu-container").append("...");
}