我让悬停标签变聪明？

Question

我有关于.hover（）的问题，我知道我可以为它添加两个功能但是 看看这些代码：

<style>
.a{
position:absolute;
top:0;
left:0;
width:20px;
height:20px;
background:red;
}
.b{
position:absolute;
top:100;
left:0;
width:20px;
height:20px;
background:blue;
}
</style>
<script>
$(document).ready(function){
     $('.a').hover(function(){                //both objects are div
         $('.b').animate({left:"100px"},500);
     },
     function(){$('.b').animate({left:"-100px"},500);
     });
});</script>

它的简单和工作但问题在于： 我想当鼠标进入.a区域和.b进入下一个位置然后鼠标位置检查，如果鼠标移出.a并且那条路径是.b对象hover（）的第二个功能不运行并让.b保持新位置直到鼠标移出两个然后下一个命令运行。 等待最佳答案！ :) 感谢