jquery - jQuery动画中的淡出/淡入元素

Question

我有 3 个列表项，每 X 秒用 caroul 更改一次，每个项由一个 img 作为背景、一个 h1 和一个 p 标签组成。

使用下面的代码，我可以为文本设置动画，但它在 IE 中看起来不太好，它会在使用 opacity 淡出之前更改 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); 
});

有更好的淡出然后淡入元素的方法吗？感谢您的任何意见