jquery - コンテンツがjQueryでjQueryをフェードアウトした後、要素のみをフェードインするにはどうすればよいですか?

Question

jQuery ajax() を使用して PHP 処理ページに送信する HTML フォームがあります。ajax() 呼び出しの成功関数には、次のものがあります。

success: function() {
    $('#contactForm').fadeOut(1000);
    $('#hidden').delay(.1000).fadeIn(1500); 
    return false;

これらの効果は同時です。お問い合わせフォームが完全にフェードアウトした後にのみ、非表示の div をフェードインしたいと考えています。

ありがとう

score 6 · Accepted Answer

フェードアウトおよびフェードイン効果には、onComplete コールバックが含まれています (オプション)。

$('#contactForm').fadeOut(1000, function(){
  $('#hidden').fadeIn(1500); 
});

score 3 · Accepted Answer

そのための便利な組み込みのコールバックがあります。

success: function() {
    $('#contactForm').fadeOut(1000, function() {
        $('#hidden').fadeIn(1500); 
    });
    return false;

score 1 · Accepted Answer

実行したいフェードインを含む 2 つ目のパラメーターをフェードアウトに追加できます。例えば

success: function() {
$('#contactForm').fadeOut(1000,function(){
$('#hidden').fadeIn(1500);
});
return false;

これは、fadeOut が完了すると発生します。API ドキュメントでカバーされています - http://api.jquery.com/fadeOut/

3 に答える 3