實現jQuery UI切換緩動函數

Question

我開始使用jQuery UI，並試圖使用jQuery中的.toggle（）效果可用的默認函數以外的緩動函數。

這就是我現在擁有的。如何調整這個以使用UI中的一個緩動功能，例如「爆炸」功能？

$(document).ready(function() { 
    $('#signin').click(function(e) { 
     $('#signinbox').toggle(300); 
    }); 
}); 

Answer 1

每文檔：http://api.jqueryui.com/toggle/

.toggle（效果[，選項] [，持續時間] [，完整]）

$('#signinbox').toggle('explode', 300); 

必須包括適當jqueryUI.js因爲這不會與jQuery核心一起工作toggle()方法

Answer 2

試試這樣：

$('#signin').click(function(e) { 
    $('#signinbox').toggle('explode', 300); 
});​ 

jsFiddle example