jQuery動畫手風琴頭

Question

我正在嘗試設置手風琴頭的動畫，以模擬懸停時拖到包裝紙上的色帶，然后將其拖出包裝紙。

現在，如果您首先檢查此jsFiddle，則一切正常，但是當我嘗試對h2的寬度進行動畫處理時，包裝器外部的功能區位會消失一秒鍾，並在完成寬度動畫后返回。 檢查此jsFiddle以查看問題。

我做錯了嗎？ 是否可以同時精確設置h2和跨度的動畫？

Answer 1

H2在進行動畫制作時會得到“溢出：隱藏”，這就是色帶消失的原因。 動畫寬度時，jQuery似乎會自動執行此操作。

你可以做的是使用一個不同的動畫庫像埃米爾 ，或動畫的emtpy屬性設置和使用的步驟回調$ .fn.animate設置寬度。

或者，您可以修改CSS，使H2上隱藏的溢出不會影響您。