用animate改变了某个样式之后再用css控制会无效

我前几天写了个移动端运动，（这个运动的代码我贴在这了：http://www.cnblogs.com/weiman/p/6600380.html）然后发现了这个问题，具体如下：

未运动前是这样的，菜单栏可左右滑动:

滑动停止后让利用animate使元素的位置在一定时间后移动到某个位置，

而如果点击小尖角后，如下：

我的小尖角也是跟着运动的，当在滑动到最右边后才点击小尖角发现小尖角的位置没有被控制住；

后来我发现，因为我原来用的animate来移动了小尖角，然后在点击后是用css（）来控制的运动未停止，我想到的第一个解决方法是点击后用animate控制它回来，然后发现出现闪动，因为这是个运动事件，有个过程，后来我就在修改的css（）前加了一个.stop()将运动停止就能解决这个问题了；

如下：

$(".fa").stop().css("left",fa_first_left);