Hola estoy utilizando este codigo
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