title: jquery click append and remove append second click
body: <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>