禁用并启用点击处理程序

Question

I have this code:

jQuery(".view-kems-tickets-calendar td.single-day").not(".no-entry, .empty").click(function() {
  jQuery(".all-day-items", this).slideDown("slow");
  jQuery(this).off("click");
});

jQuery(".view-kems-tickets-calendar .close-all-day").click(function() {
  jQuery(".all-day-items").slideUp("fast", function() {
  });
});

So what it does: It makes clickable td.single-day and displays the .all-day-items class element which . The .all-day-items element contains .close-all-day element which closes previously opened .all-day-items element. The problem is that while clicking at .close-all-day element at the same time I click in td.single-day so it closes and opens again. I put this line:

jQuery(this).off("click"); 

to disable it, but how do I activate it again in complete function? I tried couple of methods, but it always behave as before (it closes and opens again the .close-all-day element).

This is how it doesn't work: :) the code: http://codepen.io/anon/pen/GgJZOp

Answer 1

Maybe this helps you:

jQuery(".view-kems-tickets-calendar td.single-day").not(".no-entry, .empty").click(function(e){
    if(!$(e.target).is('.close-all-day')){
        jQuery(".all-day-items", this).slideDown("slow");
    }
});