jQueryの - トグルのコールバック（表示/非表示）イベントハンドラ

Question

以内に、私はこれが正常に動作していたしました：

$('#RCH'+r).on('click',function(e){$('#RSC'+r).find('.rct,.rcp').toggle();}); 

すべてのトグルの終わりには、しかし、私はrs(1);

関数を呼び出したいです

プラン1：私はトグルでコールバックを入れようとしましたが、それはすべてひよこになります。

$('#RCH'+r).on('click',function(e){ 
    $('#RSC'+r).find('.rct,.rcp').toggle('',function(){rs(1);}); 
}); 

は、上記（eachなど）クラスのすべての出現のために機能rs(1)を呼び出します。 .rcpが表示され、.rctが隠されていた場合は、まったく逆のことが起こります。だから、プラン1はすべてがハンドバスの地獄に行くようにします。

プラン2：を.on機能（以下のように）のトグル後に入れてみました。

$('#RCH'+r).on('click',function(e){$('#RSC'+r).find('.rct,.rcp').toggle();rs(1);}); 

しかし、この方法では、トグルが終了した、などrs機能は、その仕事をしていない前にrs(1)発射します。

トグルが終了したら、どうすればrs(1);を一度発射できますか？

ありがとうございました。

Answer 1

まず、.toggle()は即時ですので、実際には.toggle(/* some duration */)を使用していると仮定します。あなたが実際に.toggle()を使用してですが、何らかの理由で、あなたのコードを失敗作っている遅延はあなたが、存在する場合

$('sel').toggle(/* duration */, function() { 
    // ... 
}); 

：このケースでは、トグルアニメーションが完了した後に呼び出される関数を渡すことができます私はこの作品を願って、これを試してみてください

$('sel').toggle(0, function() { 
    // ... 
}); 

Answer 2

$.when($('#RCH'+r).on('click',function(e){$('#RSC'+r).find('.rct,.rcp').toggle();})) 
    .done(function(){rs(1);}); 

：これを試みることができます。