jQuery：自定义水平手风琴风格展示问题

Question

我试图创建自定义水平手风琴风格展示。在实际功能方面，我有框架（可以在这里看到）：

http://www.jsfiddle.net/adrianjacob/UdUus/

但是我的主要错误熊（和客户端）是，如果你看最后的右手边随着宽度的上下动画，总会有轻微的移动/闪烁。

理想情况下，我希望它在最后一个项目上显示顺畅而没有任何狡猾的运动，因为其他事情调整大小。任何想法如何我可以实现这一目标？

A.

Answer 1

我尝试了另一种方式：http://www.jsfiddle.net/elektronikLexikon/4mBYE/

的.promo总是具有200像素的宽度和移动到左边或右边这个脚本：

$("#promo div").mouseenter(function() { 
    i = parseInt($("#promo div").index(this)); 
    $(this).animate({ 
     left: i*50 
    }, 500).nextAll().each(function(j) { 
     $(this).animate({ 
      left: (i+j)*50+200 
     }, 500); 
    }); 
}); 

（在jsFiddle，我也用hoverIntent）