.toggleを使用して関数function（）を使用する異常なアクティビティ

Question

何らかの理由で#button divの代わりに#display divをクリックすると何らかの理由でこのコードが機能しますが、なぜこのように動作しますか？ #buttonではなく#display ..何が間違っていますか？

<script> 

    $("#button").click(function(){ 

      $("#display").toggle(
        function(){ alert('On') }, 
        function(){ alert('Off') } 
      ); 
    }); 

</script> 

HTML：：ここで

は、コード例です。ここ

<div id="button"></div> 
    <div id="display"></div> 

は、オンライン例（作業）である：ここでは http://jsfiddle.net/MuMZV/

Answer 1

トグル機能に渡した値が正しくありませんでした。これは、オプションで、継続時間、イージング、コールバックを期待しています。あなたのdisplayのdivの表示を切り替えるためにあなたのbutton1のdivにクリックを引き起こす

$("#button1").click(function(){ 
    $("#display").toggle(); 
}); 

：にコードを変更します。そして、これは：

$("#button1").click(function(){ 
    $("#display").toggle(2000, function() { alert("toggled"); }); 
}); 

終了時に警告がポップアップするように、隠蔽/遅延が2秒に遅くなります。

そして、あなたがトグル要素が表示されているかどうかに基づいて、真または偽表示したい場合、これはあなたが望むものである：

$("#button1").click(function(){ 
    $("#display").toggle(1000, 
     function() { alert($(this).is(":visible")); }); 
}); 

Answer 2

あなたが探しているものされています。

$('#button').toggle(function() { 
    alert('First handler for .toggle() called.'); // On 
}, function() { 
    alert('Second handler for .toggle() called.'); // Off 
}); 

同じHTMLで10

：ここ

<div id="button"></div> 
<div id="display"></div> 

ですJSFiddle作業：http://api.jquery.com/toggle-event/

：あなたは.toggle()にして二つの機能を渡しているので、それはトグルイベントメソッドを使用していますhttp://jsfiddle.net/mtCry/1/

Answer 3

をあなたはおそらく、期間とコールバックを渡すため、このメソッドを使用することができます：http://api.jquery.com/toggle/

これは本当にconfですjQueryのために、同じ名前の2つのメソッドがありますが、結果は大きく異なります。