求救 jquery动画同时进行问题

Question

.anm{ overflow:hidden;zoom:1; width:780px; height:181px;}
.anm-li{ overflow:hidden;zoom:1;}
.anm-li li{float:left;display:inline; width:193px; background:url(img/bg.gif) repeat-x 0 0; height:179px; border:1px solid #2e2f34;}
.anm-li li .detail{ overflow:hidden; zoom:1;margin-left:53px;}
<script language="javascript">
$(function(){
$(".anm-li li").hover(function(){
$(this).stop(true).animate({width:"315px"})
},function(){
$(".anm-li li").stop(true).animate({width:"193px"});
});
})
</script>
<div class="anm" style="border:1px solid #fff;">
<ul class="anm-li">
<li><div class="detail"><img src="img/pic01.gif" /></div></li>
<li><div class="detail"><img src="img/pic01.gif" /></div></li>
<li><div class="detail"><img src="img/pic01.gif" /></div></li>
<li><div class="detail"><img src="img/pic01.gif" /></div></li>
</ul>
</div>现在是鼠标滑过焦点的时候  这个展开 其他3个li收缩 但是这两个动作不是同时进行的 
哪个大哥看看，怎么同时进行啊

Answer 1

搜索js多线程，有个小日本写过js多线程的类库可以用