实现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