jquery 动画手风琴标题

Question

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

现在，如果您首先检查jsFiddle，一切正常，但是当我尝试为 h2 的宽度设置动画时，包装器外部的功能区位会消失一秒钟，并在宽度动画完成后返回。检查此jsFiddle 以查看问题。

我做错了吗？有没有办法同时为 h2 和 span 设置动画？

Answer 1

H2 在动画时得到一个“溢出：隐藏”，这就是你的功能区消失的原因。似乎 jQuery 在为宽度设置动画时会自动执行此操作。

你可以做的是使用不同的动画库，比如emile，或者对一个 emtpy 属性集进行动画处理，并使用$.fn.animate 的步骤回调来设置宽度。

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