Question

This seems like a really easy question, but I can’t seem to find the answer.

Now that toggle() is deprecated for click events, how would I have say a button add DOM elements on the first click, then remove those same DOM elements on the second click?

Also…. how do I remove contents from a div I have inserted content into (using load()) without removing the div itself? Using remove() removes the div.

Answer 1

use empty() to clear an elements inner html

As for the toggle issue, you can toggle a class on the element and test for that class:

$('#myDiv').on('click', function(){
   if(! $(this).hasClass('clicked') ){
      /* code for first click*/
   }else{
      /* code for second click*/
   }
   $(this).toggleClass('clicked')
})