Foros del Web » Programando para Internet » Javascript »

problemas con tabs

Estas en el tema de problemas con tabs en el foro de Javascript en Foros del Web. hola a todos, tebngo un problema con unas pestañas con jquery, el codigo lo encontre en otro lugar, con 4 pestañas, le agregue una nueva ...
  #1 (permalink)  
Antiguo 29/12/2010, 15:56
Yoi
 
Fecha de Ingreso: noviembre-2008
Mensajes: 144
Antigüedad: 15 años, 5 meses
Puntos: 2
Exclamación problemas con tabs

hola a todos, tebngo un problema con unas pestañas con jquery, el codigo lo encontre en otro lugar, con 4 pestañas, le agregue una nueva todo funciona muy bn, pero le doy en la segunda pestaña y no me activa la primera, le doy en la segunta y tampoco se me activa, luego le doy en la tercera y si se activa la primera, es algo muy curioso dejare el script js para que lo vean, para ver si me pueden ayudar en algo...
Código:
$(document).ready(function() {
	//Default Action
	$(".tab_content").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content
	
	//On Click Event
	$("ul.tabs li").click(function() {
		$("ul.tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".tab_content").hide(); //Hide all tab content
		var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active content
		return false;
	});
});
  #2 (permalink)  
Antiguo 29/12/2010, 16:02
Yoi
 
Fecha de Ingreso: noviembre-2008
Mensajes: 144
Antigüedad: 15 años, 5 meses
Puntos: 2
Respuesta: problemas con tabs

de nuevo mi codigo...
Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.     //Default Action
  3.     $(".tab_content").hide(); //Hide all content
  4.     $("ul.tabs li:first").addClass("active").show(); //Activate first tab
  5.     $(".tab_content:first").show(); //Show first tab content
  6.    
  7.     //On Click Event
  8.     $("ul.tabs li").click(function() {
  9.         $("ul.tabs li").removeClass("active"); //Remove any "active" class
  10.         $(this).addClass("active"); //Add "active" class to selected tab
  11.         $(".tab_content").hide(); //Hide all tab content
  12.         var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
  13.         $(activeTab).fadeIn(); //Fade in the active content
  14.         return false;
  15.     });
  16. });

Etiquetas: tabs
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 11:21.