perfil

ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; /*–Define el ancho de las tabs–*/ border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; /*–Sustrae 1px de la altura de la lista desordenada–*/ line-height: 31px; /*–Alineamiento vertical del texto dentro de la tabla–*/ border: 1px solid #999; border-left: none; margin-bottom: -1px; /*–Desplaza los item de la lista abajo 1px–*/ overflow: hidden; position: relative; background: #e0e0e0; } ul.tabs li a { text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 20px; border: 1px solid #fff;outline: none; } ul.tabs li a:hover { background: #ccc; } html ul.tabs li.active, html ul.tabs li.active a:hover { /*–Estate seguro de que a la tab activa no se le aplicarán estas propiedades hover–*/ background: #fff; border-bottom: 1px solid #fff; /*–Esto hace que la tab activa esté conectada con respecto a su contenido–*/ } .tab_container { border: 1px solid #999; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background: #fff; } .tab_content { padding: 20px; font-size: 1.2em; }

$(document).ready(function() { //Cuando el sitio carga… $(«.tab_content»).hide(); //Esconde todo el contenido $(«ul.tabs li:first»).addClass(«active»).show(); //Activa la primera tab $(«.tab_content:first»).show(); //Muestra el contenido de la primera tab //On Click Event $(«ul.tabs li»).click(function() { $(«ul.tabs li»).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; }); }); // ]]>

• Datos del socio
• Dirección Particular
• Centro de trabajo principal
• Centro de trabajo secundario