jQuery的動畫手風琴頭

Question

我想我的動畫手風琴頭模擬絲帶拖上懸停包裝，並在懸停了其拖出包裝的。

現在，如果你先檢查這一點jsFiddle一切工作正常，但當我嘗試動畫h2的寬度時，包裝外的色帶位消失一秒鐘，並在寬度動畫完成時返回。檢查此jsFiddle以查看問題。

我這樣做不對嗎？有沒有辦法在同一時間爲h2和跨度設置動畫？

Answer 1

H2得到一個「溢出：隱藏」，而動畫，這就是爲什麼你的絲帶消失。看起來，jQuery在動畫寬度時自動完成此操作。

你可以做的是使用不同的動畫庫，如emile，或者動畫一個emtpy屬性集並使用$.fn.animate的步驟回調來設置寬度。

或者你可以修改你的CSS中隱藏的H2溢出不會影響你。