JQuery动画“宽度：切换”导致间歇性闪烁

Question

我目前正在开发一种工具，它有一个标签部分，当单击一个标签时，会将宽度切换为最大值和零。包含选项卡和部分的整个div固定并位于窗口的右上角。那里有95％，但是当扩展部分使用$.animate({width: "toggle"});方法将其宽度切换为零时，会出现间歇性闪烁。关于可能导致它的原因的任何想法？

这是一个小提琴 - http://jsfiddle.net/Tgdrb。我试图尽可能地简化它，以便它仍然显示问题，但并不完全脱离它在页面上的实际外观。我也把它标记为一个CSS问题，因为我想知道这是否是我构造我的CSS导致问题的方式（如果是的话，我不会感到惊讶）。

谢谢你们！

Answer 1

如果有人好奇，有一种方法可以做到纯粹的CSS3。它不会在IE中运行，但它优雅地降级，所以它工作得很好。

在这里小提琴：http://jsfiddle.net/Tgdrb/17/

所以是的，答案是这样的：Chrome会重新绘制。如果你不喜欢这种效果，找一个更好的方法来做你想做的事。