javascript - jquery click append and remove append second click -

i trying make append menu on click div. have 1 question here. how can remove appended elements after second click. can me in regard ?

this demo page 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>');    });  }); 

seems toggling element instead of adding better, put check

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