Código Javascript:
Ver original
<script type='text/javascript'> $(document).ready(function() { $(".contenido_tab").hide(); //Ocultar capas $("ul.tabs li:first").addClass("activa").show(); //Activar primera pestaña $(".contenido_tab:first").fadeIn(2000); //Mostrar contenido primera pestaña // Sucesos al hacer click en una pestaña $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("activa"); //Borrar todas las clases "activa" $(this).addClass("activa"); //Añadir clase "activa" a la pestaña seleccionada $(".contenido_tab").fadeOut(800); //Ocultar todo el contenido de la pestaña var activatab = $(this).find("a").attr("href"); //Leer el valor de href para identificar la pestaña activa $(activatab).fadeIn(2500); //Visibilidad con efecto fade del contenido activo return false; }); }); </script>
Consigue el efecto que quiero, que al cambiar de pestaña, hace fadeOut y fadeIn, al contenido, pero si pulso la primera pestaña, (solo utilizo 2 pestañas)no me hace el fadeOut, pero si el fadeIn,
donde puede estar el probema?
muchas gracias