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）