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"