Question

I have an element, a div, for example. And attach an event ‘click’ to it. In jQuery, it would be:

 $('#myDiv').click(function(){ 
    $(".class1").show();
 })

Now, I would like to assign a new function “myDiv #”, replacing the old. I am doing so:

$('#myDiv').click(function(){ 
    $(".class23").hide();
})

But when I run the ‘click’ on the div, the function I assigns the beginning of this doubt is performed.

Question: How to remove the function that will run with the click event attributed to an element? (No recreate the element with the new click event…)

Answer 1

If you know you’ll only want to handle one click on an element, you can use one() which automatically unbinds after a single click:

$("#myDiv").one("click", function() {  
  $(".class1").show();
  $("#myDiv").one("click", function(){ 
    $(".class23").hide();
  });
});