como animar un texto de banners aleatorios

[esaenz22]

hola. he modificado un banner rotator de este sitio web (incluyendo los estilos).

en este ejemplo se ve que la imagen con el texto rotan con un tiempo de 5 segundos. pero yo quiero que tambien el texto haga un efecto. al momento de cargar la imagen, que también se anime el texto. puse como las funciones slideDown y fadeOut. solo hace efecto en la primera imagen, pero en el resto de las imagenes no.

aqui esta lo que modifique.

Código Javascript:

$(document).ready(function(){
   $("#featured > ul").tabs({
      fx:{
         opacity: "toggle",
      }
   }).tabs("rotate", 5000, true);
   
   $("#featured .info").fadeOut();
   $("#featured .info").slideDown();      
});
 

el div con el texto que haga el efecto hacia arriba al cargar la imagen.

Código HTML:

<!-- First Content -->
  <div id="fragment-1" class="ui-tabs-panel" style=""> <img src="images/banner1.jpg" alt="" width="700" height="433" />
    <div class="info">
      <h2><a href="#">15+ Excellent High Speed Photographs</a></h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt condimentum lacus. Pellentesque ut diam....<a href="#" >read more</a></p>
    </div>
  </div>
 

mi pregunta es como hago para que el div con el texto haga la animacion ?.

aqui esta lo que he modificado.

saludos.