jquery click append and remove append second click
<p>I am trying to make a append menu on click div. But i have one question here. How can i remove appended elements after second click. Anyone can help me in this regard ?</p>

<p>This is the <a href="http://codepen.io/shadowman86/pen/VarRrm" rel="nofollow"><strong>DEMO</strong></a> page from <em>codepen.io</em></p>

<p>Js</p>

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

});
</code></pre>