Foros del Web » Programando para Internet » Javascript » Frameworks JS »

problema con fadeOut

Estas en el tema de problema con fadeOut en el foro de Frameworks JS en Foros del Web. Hola estoy utilizando este codigo @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original < script type = 'text/javascript' > $ ( document ) . ready ( ...
  #1 (permalink)  
Antiguo 29/10/2012, 10:06
Avatar de raid_  
Fecha de Ingreso: diciembre-2010
Mensajes: 132
Antigüedad: 13 años, 3 meses
Puntos: 12
problema con fadeOut

Hola estoy utilizando este codigo

Código Javascript:
Ver original
  1. <script type='text/javascript'>
  2. $(document).ready(function() {
  3. $(".contenido_tab").hide(); //Ocultar capas
  4. $("ul.tabs li:first").addClass("activa").show(); //Activar primera pestaña
  5. $(".contenido_tab:first").fadeIn(2000); //Mostrar contenido primera pestaña
  6. // Sucesos al hacer click en una pestaña
  7. $("ul.tabs li").click(function() {
  8. $("ul.tabs li").removeClass("activa"); //Borrar todas las clases "activa"
  9. $(this).addClass("activa"); //Añadir clase "activa" a la pestaña seleccionada
  10. $(".contenido_tab").fadeOut(800); //Ocultar todo el contenido de la pestaña
  11. var activatab = $(this).find("a").attr("href"); //Leer el valor de href para identificar la pestaña activa
  12. $(activatab).fadeIn(2500); //Visibilidad con efecto fade del contenido activo
  13. return false;
  14. });
  15. });
  16. </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

Etiquetas: fadeout
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:12.