有一个p容器，我加了css3动画的class，按理说如果我对这个容器进行hide之后show操作（比如toggle它），容器显示后能触发动画。
但事实是：
2
534content.hide().show()
//或者
content.hide();
content.show();动画都没有触发。而：
content.hide();
timeOut = setTimeout(function(){
imgContent.show();
},0)却可以触发动画，这是为什么？
一个在线demo：
https://jsfiddle.net/fenglinzeng/rp6zhfp5/2/
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
基于我的经验给出的答案是，hide的结果是为元素添加了display:none这个样式，toggle（show）的时候换成了block，display在css3是没有对应动画的，所以执行动画的时候遇到了display:none动画就无效了。
settimeOut其实是先去掉了display:none,这个样式，再执行动画的时候就可以了；
你可以通过先删除元素的这个样式，然后再添加动画的class来验证。