jQueryのにはアニメーションが

Question

は私が盲目たり、何のパラメータ、オプションまたは何のためのアニメーションを無効にすることはありません必要はありません切り替えますtoggle（）経由ではなく、私はslideToggle、fadeToggle、または通常のトグルを使用するすべてのトグルはアニメーションを使用しています。

「削除」するにはどうすればよいですか？

Answer 1

ちょうど1

toggle(1); // animation 
toggle(true); // no animation. 

Answer 2

あなたは常にあなた自身のトグル機能を提供することができます：

$.fn.quicktoggle = function() { 
    this.each(function() { 
     var $this = $(this); 
     if ($this.is(':visible')) { 
      $this.hide(); 
     } else { 
      $this.show(); 
     } 
    }); 
    return this; 
}; 

Answer 3

Aもう少し「課す」メソッドは、あなたが簡単にあなたのコード内のすべてのインスタンスを置き換えたい場合は、関数をオーバーライドすることです。

$.fn.slideToggle = function(duration, callback) { 
    duration = 0; 
    callback = callback || function(){}; 
    this.toggle(duration, callback); 
}; 

$.fn.fadeToggle = function(duration, callback) { 
    duration = 0; 
    callback = callback || function(){}; 
    this.toggle(duration, callback); 
}; 

DEMO：http://jsfiddle.net/bChVe/3/

Answer 4

ただ、引数なしでトグルを使用し、それはすぐにする必要があります。ドキュメントから

：なしパラメータで

、.toggle（）メソッドは、単純に要素の可視性 を切り替え：

$('.target').toggle(); 

Answer 5

トグル（）は引数がない場合、即時であります供給される。

slideToggle（）およびfadeToggle（）は、アニメーションにデフォルト値を使用して、それらを即時にし、値 '0'を渡します。

これらすべてが同じことをやるだけの要素を示し、非表示にします。

$('button').on('click', function() { 
    ToggleElement.toggle(); 
}); 

$('button').on('click', function() { 
    ToggleElement.slideToggle(0); 
}); 

$('button').on('click', function() { 
    ToggleElement.fadeToggle(0); 
}); 

FIDDLE

敗北のその種点として、アニメーションせずに下の二つを使用する理由はしかし、ありません。

if/else文でJavaScriptのネイティブelement.style.display = 'none'/'block'を使用するのが少し速くなります。

Answer 6

だけ

jQuery.fx.off = true;