关闭后打开点击事件

Question

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

在我的示例中，如果单击hide文本，则会解除对此的单击事件的绑定。现在再次如果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(); 
});