Jquery 如何在页面加载时淡入div，在离开时在相反方向淡出div

我在一页上有4个div，我需要它们以顺时针的方式一个接一个地淡入，所以不能一次全部淡入。我还需要它们以与用户离开页面时的淡入方式相反的方式再次淡出，但是，在页面重定向之前，它们需要全部淡出。

至于“淡入”部分：

编辑：

不过，淡出部分有点棘手：

您可以绑定到，但很可能在浏览器重定向之前动画不会完成，因为无法阻止或延迟卸载

您还可以尝试将（）单击处理程序绑定到页面上的每个标记，从而在重定向之前触发反向淡出动画。不过会弄得一团糟的

粗略而未经检验的建议：

$('a:not(".already-clicked")').live('click', function(e){
    e.preventDefault();
    $(this).addClass('already-clicked');
    callback = function(){$('a.already-clicked').click()};
    triggerFadeOutAnimation(callback);
});

---

谢谢，伙计，你怎么把它从第1部分改成第4部分呢？丹，只要改变一下fadeInDivs（['div1'，'div2'，'div3'，'div4'）中的顺序就行了；非常感谢你的帮助，伙计。非常感谢。至于页面离开代码，我知道该代码将等到动画完成后再重定向，只需修改它以删除indervidual div而不是主体

$('a:not(".already-clicked")').live('click', function(e){
    e.preventDefault();
    $(this).addClass('already-clicked');
    callback = function(){$('a.already-clicked').click()};
    triggerFadeOutAnimation(callback);
});