<p><a href="#secondpage" data-transition="fade">fade</a></p>
<p><a href="#secondpage" data-transition="flip">flip</a></p>
<p><a href="#secondpage" data-transition="pop">pop</a></p>
<p><a href="#secondpage" data-transition="slide">slide</a></p>
<p><a href="#secondpage" data-transition="slidedown">slidedown</a></p>
<p><a href="#secondpage" data-transition="slideup">slideup</a></p>
Nota:
Para cambiar la dirección de la animación slide usaremos el atributo:
data-direction=”reverse”