Jquery綁定/解除綁定

Question

在我的網站上，我有一個聯繫人按鈕，當按下幻燈片向下包含聯繫人表單的div（使用jQuery動畫）。這個div有一個關閉按鈕，當它按下時它會回退（它的原始位置離開屏幕）。我需要這樣做，所以當按下聯繫人按鈕時，它只能工作一次，但當div被關閉後再重新工作。

我知道這使用綁定/解除綁定功能，但我無法讓它工作。這裏是我的代碼：

$(document).ready(function() { 
var handler = function() { 
$('.top,.left,.main,.header').animate({ 
top: '+=120' 
}, 1300, 'easeOutBounce'); 
} 
$('#contact').bind('click', handler); 
$('#contact').unbind('click', handler); 
}); 
$('#close').click(function() { 
$('.top,.left,.main,.header').animate({ 
top: '-=120' 
}, 1300, 'easeOutBounce'); 
}); 

在那裏我試圖將其添加到該網站是在這裏：www.samskirrow.com/projects/move_div

感謝您的幫助。 Sam

Answer 1

想通了，決定不使用綁定，取消綁定命令，而是切換。我有一個關閉按鈕，只是扮演打開按鈕的角色，因此它不會中斷切換循環。

$(document).ready(function() { 
    $('#contact').toggle(function() { 
    $('.top,.left,.main,.header').animate({ 
     top: '+=120' 
    }, 1300, 'easeOutBounce'); 
    },function() { 
    $('.top,.left,.main,.header').animate({ 
     top: '-=120' 
    }, 1300, 'easeOutBounce'); 
    }) 
    $('#close').click(function() { 
    $("#contact").click(); 
    }); 
}); 

希望這是有用的人:)