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 でフェードインを処理できるようにするだけで問題なく動作することがわかりました。私は、fadeIN への JavaScript コマンドさえ削除しませんでした。CSSは単にそれをオーバーライドしていると思います。少なくとも表面的には、私の問題を効果的に解決しました。