实现jQuery UI切换缓动功能

Question

我开始使用jQuery UI，我正在尝试使用除jQuery中的.toggle（）效果可用的默认函数之外的缓动函数。

这就是我现在所拥有的。如何调整它以使用UI中的一个缓动函数，例如'explode'函数？

$(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