Jquery 我让悬停标签变得聪明？

我对.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{
位置：绝对位置；
排名：0；
左：0；
宽度：20px；
高度：20px；
背景：红色；
}
.b{
位置：绝对位置；
排名前100名；
左：0；
宽度：20px；
高度：20px；
背景：蓝色；
}
$（文档）.ready（函数）{
$（'.a'）.hover（function（）{//两个对象都是div
$（'.b'）.animate（{左：“100px”}，500）；
},
函数（）{$（'.b'）。设置动画（{左：“-100px”}，500）；
});
});

其简单且有效，但问题在于： 我想当鼠标进入.a区域和.b进入下一个位置，然后检查鼠标位置，如果鼠标移出.a和那是路径到.b对象悬停（）的第二个函数不运行，让.b保持新位置，直到鼠标从这两个位置移出，然后运行下一个命令。 等待最佳答案！：）

---

谢谢

同时提供你的HTML或制作一个小提琴演示我不知道你想问什么。你能用连贯的句子把它改写一下，并使用一些相互作用吗？