点击链接后可以先展现完CSS3动画再跳转到指定的地址吗？

学习 http://blog.sarasoueidan.com/windows8-animations/ 的后，想用这个界面做点东西，看这个页面应该是单页面的应用，我像点击“磁铁块“后，先出一下那个”Some Awesome App!“的褐色页面后再通过”location.href=Url;“进行跳转，由于水平太菜搞不定。。。

试用了回调函数（我不会这个），没成功，立马就跳转了，插入了sleep()，点击后定住没动画，时间够后直接跳，难道就没法子么？

function fadeDashBoard(callback){
for(var i = 1; i <= 3; i++) {
$('.col'+i).addClass('fadeOutback').removeClass('fadeInForward-'+i);
}
callback()
}


$(".photos-thumb").click(function(){

fadeDashBoard(goto('/DayPlan'));

});

function goto(gotoUrl){
location.href=gotoUrl;
}