jQuery动画中淡出/淡出元素

Question

我有3个列表项，每隔X秒用carsoul更改一次，每个项目由一个img作为背景，一个h1和一个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); 
});

任何更好的淡出方式然后淡出元素？感谢您的任何输入