为什么这个动画显示没有阻止不工作？

Question

为什么这个动画显示没有阻止不工作？

首先代码这个样子的，它的工作好

$(".box_outer").stop().animate({top: '25px' , opacity: 1}, 100); 

当我添加display: none;到box_outer和类添加, display: 'block'

我的动画功能无法正常工作，我该怎么办呢？

$(".box_outer").stop().animate({top: '25px' , display: 'block' , opacity: 1}, 100); 

Answer 1

的animate()方法适用于仅与数值的属性，display是不是其中的1所以尽量

$(".box_outer").stop().show().animate({top: '25px', opacity: 1}, 100); 

，或者如果你也想动画显示，高度设置为0，然后使用height: 'show'作为动画属性

Answer 2

你不能动画display请参阅本文的解决方法，

http://www.impressivewebs.com/animate-display-block-none/

现场演示：http://jsbin.com/iZUGaKI/1/

Answer 3

据我知道你不能动画显示属性，但你可以用秀（）隐藏（）或淡入（）淡出（）出于同样的目的，他们会很好地工作与显示：无

$(".box_outer").show(100); 

OR

$(".box_outer").fadeIn(100);