jquery动画手风琴标题

Question

我正在尝试为我的手风琴标题设置动画，以模拟在悬停时拖动到包装上的功能区，并将其拖出包装纸。

现在，如果你先检查jsFiddle，一切正常，但是当我尝试动画h2的宽度时，包装器外面的色带位会消失一秒钟，并在宽度动画完成时返回。请检查此jsFiddle以查看问题。

我这样做错了吗？有没有办法在同一时间为h2和跨度设置动画？

Answer 1

H2在动画时获得'溢出：隐藏'，这就是你的功能区消失的原因。看起来jQuery在设置宽度动画时会自动执行此操作。

您可以做的是使用不同的动画库，例如emile，或者为emtpy属性集设置动画，并使用$.fn.animate的步骤回调来设置宽度。

或者您可以修改您的CSS，隐藏在H2上的溢出不会影响您。