关闭后打开点击事件

Question

我想在关闭点击事件后再次关闭点击事件。

在我的示例中，如果单击了hide文本，则为此取消绑定click事件。现在再次点击show文字，然后hide文字点击就可以点击。

$('.hide').on('click',function(){
    $('#main').animate({height: 0},400);
    $(this).off('click');

});
$('.show').on('click',function(){
    $('#main').animate({height: '200px'},400);
    $('.hide').on('click'); //I'm stuck (not able to click after unbind click)

});

demo

Answer 1

你必须重新绑定它。

function myEvent_On() {
  $('.hide').on('click',function(){
    $('#main').animate({height: 0},400);
    $(this).off('click');

  });
}

myEvent_On();
$('.show').on('click',function(){
    $('#main').animate({height: '200px'},400);
    myEvent_On();
});