Comments on: Tabs CSS simples con jQuery

By: Andres

Andres — Mon, 09 Jan 2012 17:09:47 +0000

Excelente, fácil de implementar y manejar el diseño, muchas gracias! from Talca Chile

By: Marita

Marita — Fri, 02 Dec 2011 14:47:06 +0000

Excelente.
Pero quisiera hacerle funcionar dentro de un frame???
Es posible? y si me dan alguna idea. Gracias.

By: jhonny nina veizaga

jhonny nina veizaga — Tue, 29 Nov 2011 16:49:42 +0000

Muy bueno su post, he implementad esto, y me ha funcionando de maravillas, gracias.

By: Hans

Hans — Wed, 23 Nov 2011 14:03:15 +0000

Hola, limpio y compacto, me gusta, lo usaré gracias por compartirlo!
Me permitiré agregar unas líneas para que se puedan tener varios Tabs en la misma página:

Saludos desde Chile.

———————————————

$(“ul.tabs”).each(function(){
var tab_conttainer = $(this).next()
var tab_index = $(this)
$(“li:first”,this).addClass(“active”).show();

$(“.tab_content”,tab_conttainer).hide();
$(“.tab_content”,tab_conttainer).eq(0).show();

$(“li”,tab_index).click(function()
{
$(“li”,tab_index).removeClass(“active”);
$(this,tab_index).addClass(“active”);
$(“.tab_content”,tab_conttainer).hide();

var activeTab = $(this,tab_index).find(“a”).attr(“href”);
$(activeTab,tab_conttainer).fadeIn();
return false;
});
})

———————————————

By: luis

luis — Mon, 14 Nov 2011 17:51:55 +0000

amigo que ayudasa re buenazo tu codigo sos el mejor man exitos

By: Oscar

Oscar — Sat, 08 Oct 2011 18:47:23 +0000

No se como agradecerle esto, he intentado poner el Tab con muchísimos y este fue el único que me sirvió, muchísimas gracias por esta gran ayuda que me has dado.

Saludos y que Dios lo llene de bendiciones.

By: Pablo

Pablo — Fri, 30 Sep 2011 23:50:18 +0000

$(“ul.tabs li:first”).addClass(“active”).show();

podria funcionar sin el .show();

Saludos!

By: CarlosBerman

CarlosBerman — Tue, 27 Sep 2011 01:32:11 +0000

Todo está bien, excepto que no puede usarse anchors, sería lo ideal, sobre todo para mi que quiero hacer posts bilingües, poder vincular directamente el contenido de los tabs usando “#spanish” o “#english”, he usado otros tabs así, pero causan conflictos con otros scripts que tengo, este está perfecto porque usa la librería jQuery que ya uso, veré si puedo hacerlo funcionar con anchors.

By: marcos antonio

marcos antonio — Thu, 15 Sep 2011 21:15:21 +0000

chevere muy bueno tu codigo…Funciona a la perfeccion

By: Lorenita

Lorenita — Fri, 26 Aug 2011 13:41:04 +0000

Está genial justo lo que buscaba para el index de una web de un cliente! gracias!