jQuery .animate（{'width'：'show'}）在Chrome/Safari中无法正常工作？

Question

这段代码在Firefox和IE：

$('input').click(function() {  
    $(group).animate({ 
     'width' : 'show' 
    }, 2000, "easeInOutCirc"); 

}); 

然而，在WebKit浏览器（Chrome和Safari），它没有。但如果我使用$(group).show();，它适用于所有浏览器。

可能是什么问题？

Answer 1

我找到了解决我的问题。出于某种原因，我需要在jQuery中设置CSS属性，而不是通过.hide()隐藏$(group)。所以我所做的就是把下面这行代码开头：

$(group).css("display","none"); 

，而不是

$(group).hide(); 

现在，它的工作原理。无论如何，感谢您的输入！

Answer 2

请改变这个

'width' : 'show' 

到

'width' : 'toggle' 

或使用

"opacity": "show"