
$(document).ready(function() {

$(".tab_content").hide(); //Esconde todo el contenido
$(".tab_content:first").show(); //Muestra el contenido de la primera tab

//On Click Event

$(".fans-mapa .fans-link").click(function() {

$(".fans-mapa .fans-link").removeClass("active"); //Elimina las clases activas

$(this).addClass("active"); //Agrega la clase activa a la tab seleccionada

$(".tab_content").hide(); //Esconde todo el contenido de la tab

var activeTab = $(this).find("a").attr("href"); //Encuentra el valor del atributo href para identificar la tab activa + el contenido

$(activeTab).fadeIn(); //Agrega efecto de transición (fade) en el contenido activo

return false;

});

});
