Javascript Jquery：尝试组合单击、动画、淡出和位置

我正在试图找出如何修改此脚本以添加新函数

单击a.fromwork链接后，div.dash将淡出左侧

div#titleMove开始淡出，并向左动画

然后，位置将接管，您将进入下一页

我尝试了很多方法来做到这一点。我需要你的帮助，有什么想法吗

<ul class="crumbs">
    <li><a href="<?php bloginfo('url');?>/work/" class="fromwork">&larr; Work</a></li>
    <li class="dash">&mdash;</li>
    <li><div id="titleMove"><?php the_title(); ?></div></li>
</ul>


// Fade Script
$('.fromwork').click(function(){
  var href= $(this).attr('href');

  // do animation

  $('#titleMove').fadeOut( 200, function(){
        // go to link when animation completes
        window.location=href;

  })
  $('body').fadeOut(1000);
  // over ride browser following link when clicked
  return false;
})

&mdash


//淡出脚本
$（'.fromwork'）。单击（函数（）{
var href=$（this.attr（'href'）；
//做动画
$（'#titleMove'）.fadeOut（200，function（）{
//动画完成后转到链接
window.location=href；
})
$（'body'）。衰减（1000）；
//单击时，浏览下面的链接
返回false；
})

使用

.delay（）。或者确保
li.dash
的父项是
位置：相对
，然后
位置：绝对
li.破折号
并使用负数
左
看起来您可能还需要执行
事件.preventDefault（）