jquery - jQuery animate のフェードアウト/フェードイン要素

Question

私は carsoul で X 秒ごとに変更される 3 つのリスト項目を持っています。各項目は、背景としての 1 つの img、1 つの h1 および 1 つの p タグで構成されています。

以下のコードでテキストをアニメーション化できましたが、IE では見栄えがよくありません。不透明度を使用してフェードアウトする前に h1/p のテキストを変更します。

$('#myCarousel').bind('slide', function() {
//Fading out 
    $(".carousel-caption h1").animate({'left': '-=500px', 'opacity': 0}, 1000); 
    $(".carousel-caption p").animate({'right': '-=500px', 'opacity': 0}, 1000);
// Fading In
    $(".carousel-caption h1").animate({'left': '+=500px', 'opacity': 1}, 1000);     
    $(".carousel-caption p").animate({'right': '+=500px', 'opacity': 1}, 1000); 
});

要素をフェードアウトしてからフェードインするより良い方法はありますか? ご意見ありがとうございます