javascript - 延迟点击时淡入/淡出内容

Question

在我正在构建的Tumblr主题中，我已经设法在背景淡入后不久将帖子淡入，仅使用 CSS。但是，我认为帖子淡入但只是眨眼看起来很奇怪。我发现 Javascript 可以处理淡入淡出的帖子，但背景淡入必然会延迟一点。我希望在背景淡入之后发生帖子的 javascript 淡入，但我似乎无法有效地延迟该动画：

<script type="text/javascript">
$(document).ready(function() {

$(".posts").css("display", "none");

$(".posts").fadeIn(1000);

$("a").click(function(event){
    event.preventDefault();
    linkLocation = this.href;
    $(".posts").fadeOut(1000, redirectPage);     
});

function redirectPage() {
    window.location = linkLocation;
}
});
</script>

我将如何将淡入延迟 x 秒？

更新（2012 年 8 月 19 日）：我仍然没有弄清楚如何将 Javascript 动画延迟超过 1 秒，但我发现只允许 CSS 处理淡入效果很好。我什至没有删除淡入淡出的 javascript 命令。我猜CSS只是覆盖了它。至少从表面上看，它有效地解决了我的问题。