javascript - jQuery UI トグル イージング機能の実装

Question

jQuery UI を使い始めました。jQuery の .toggle() 効果で使用できるデフォルトのイージング関数以外のイージング関数を使用しようとしています。

これは私が今持っているものです。これを調整して、UI のイージング関数の 1 つ、たとえば「爆発」関数を使用するにはどうすればよいですか?

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

Answer 1

ドキュメントごと: http://api.jqueryui.com/toggle/

.toggle( 効果 [, オプション] [, 持続時間] [, 完全] )

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

toggle()これは jQuery コアメソッドでは機能しないため、適切な jqueryUI.js リソースを含める必要があります。

Answer 2

このようにしてみてください：

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

jsFiddle の例