Javascript 在“动态观察”滑块上设置动画后，淡入特定类的下一个元素

我正在使用“动态观察”滑块，在每个幻灯片动画之后，您可以运行一个函数

我有四个包含内容的类，希望在第一个div中隐藏所有类，然后淡入/淡出以显示第一个动画后的第二个类，依此类推，直到幻灯片结束，在幻灯片结束时循环回到开始，以便内容与滑块保持同步

HTML标记：

<div class="contentSlider">Content for slider 1</div>
<div class="contentSlider">Content for slider 2</div>
<div class="contentSlider">Content for slider 3</div>
<div class="contentSlider">Content for slider 4</div>

滑块1的内容 滑块2的内容 滑块3的内容 滑块4的内容 Orbit插件脚本是：

<script type="text/javascript">
$(window).load(function() {
  $('#featured').orbit({
     animation: 'horizontal-push',   // fade, horizontal-slide, vertical-slide, horizontal-push
     animationSpeed: 800,             // how fast animtions are
     timer: true,                     // true or false to have the timer
     advanceSpeed: 10000,              // if timer is enabled, time between transitions 
     pauseOnHover: false,             // if you hover pauses the slider
     directionalNav: true,            // manual advancing directional navs
     captions: false,                 // do you want captions?
     captionAnimation: 'fade',        // fade, slideOpen, none
     captionAnimationSpeed: 800,      // if so how quickly should they animate in
     bullets: true,                   // true or false to activate the bullet navigation
     bulletThumbLocation: '',         // location from this file where thumbs will be
     afterSlideChange: function(){
     // function to keep the content below the slider in sync with the slider.
     }  
   }); 
});
</script>  

$（窗口）。加载（函数（）{
$（“#特色”）。动态观察({
动画：'水平推'，//淡入淡出，水平滑动，垂直滑动，水平推
动画速度：800，//动画有多快
timer:true，//true或false来设置计时器
AdvancesSpeed:10000，//如果启用计时器，则两次转换之间的时间
pauseonhaver:false，//如果悬停，将暂停滑块
方向导航：true，//手动推进方向导航
字幕：false，//是否需要字幕？
字幕提示：“淡入淡出”，//淡入淡出，幻灯片，无
captionAnimationSpeed:800，//如果是这样的话，它们应该以多快的速度进入动画
项目符号：true、//true或false以激活项目符号导航
bulletThumbLocation:“”，//此文件中的位置，将在其中放置拇指
更改：函数（）{
//函数使滑块下方的内容与滑块同步。
}  
}); 
});

为什么不能启用内置字幕：true，并将字幕html内容放入其中

//set to correct bullet
  setActiveBullet(); 

在shift函数中jquery.orbit.js的这一行之前（jquery-orbit-1.2.3.js中的第332行）

它给出了当前的滑动值； 根据当前幻灯片值，可以隐藏或显示幻灯片

eq(activeSlide) 

---

（fadeIn或fadeOut）

我需要在标题类的下面添加内容，因为其中一些内容是基于图像的，比如3栏新闻稿样式的内容，随着滑块中的图像而变化。图像仍然是html内容@jaydeinded，它是。但是插件的标题元素不适合我需要做的事情-滑块的内容和它下面的内容需要分开，并由afterSlideChange函数触发。@Jayde，我确信，这个标题就足够了。。。你只需要找出正确的css样式。。。

eq(activeSlide)