クリックトリガーで2つの「イベント」を呼び出す

Question

私が望むのは非常に簡単ですが、私は構文に苦労しています。私の要素がクリックされたときに、私のアニメーションがトリガされ、.css（）の直後に欲しいと思います。ご協力いただきありがとうございます。乾杯。マーク

$('.content').click(function() { 
    $('#contentWrapper').animate({ 
     "left": "-=475px"}, "fast"), 
    $(this).prev().css("display": "none"); 
}); 

Answer 1

ほぼ。あなたはanimateに関数参照をcomplete引数を渡す必要があります：

$('.content').click(function() { 
    $('#contentWrapper').animate({ 
     "left": "-=475px"}, "fast", function() { 
      $(this).prev().css("display", "none"); 
     } 
    ); 
}); 

（また、cssのためのあなたの構文は、少しオフだったあなたは,代わりの:を望んでいた）

Answer 2

あなたがように、第2の部分を供給しますこれは、最初の関数が完了した後に実行されることを意味します。 と同じ elemntを最初のアニメーションとして使用していた場合、連鎖を使用できます（この場合、htmlを指定しなかったため使用できないのかどうかはわかりません）。

$('.content').click(function() { 
    $('#contentWrapper').animate(
     {"left": "-=475px"}, 
     "fast", 
     function(){ 
      $(this).prev().css("display": "none"); 
     } 
    ); 
}); 

Answer 3

あなたはコールバックとして

$('.content').click(function() { 
    $('#contentWrapper').animate({ 
     "left": "-=475px"}, "fast", $(this).prev().css("display": "none")); 
    }); 
}); 

EDIT第2の機能を提供しなければならない - 私がクリックされた要素にこのようにthisポイントだと思いますが。あなたがしなければならない場合

$('.content').click(function() { 
    var that = this; 
    $('#contentWrapper').animate({ 
     "left": "-=475px"}, "fast", $(that).prev().css("display": "none")); 
    }); 
});