在td内设置div的动画会导致Chrome中出现不稳定的行为

Ant*_*i29 5 html css jquery google-chrome

我正在构建一个相当复杂的UI小部件,在Chrome中存在一些问题.我能够找出问题并在http://jsfiddle.net/8Kb3B/展示它

我有一个div内部td,我试图用jQuery切换div .animate().Chrome中发生的情况是,tddiv返回到原始宽度时,它不会重新生长.此外,如果你密切注意"隐藏"动画的结束,你会看到td宽度在内容的宽度上短暂闪烁div,我觉得很奇怪.

.toggle(delay)使用时会发生同样的事情.如果我.toggle()毫不拖延地使用,整个过程就像预期的那样.

动画可以在Mozilla的产品中正常运行,甚至可以在IE中使用.

我错过了一些非常简单的东西吗?