el único css que necesitas es este
Cita: .ocultar {display:none;}
.mostrar {display:block;}
.sel {background:#FFF; color:#808080; font:bold 11px Verdena; border-width: thin thin 2px thin; border-color: #A9A9A9 #A9A9A9 #FFF #A9A9A9; border-style: solid;}
.nosel {background:#DCDCDC; color:#A9A9A9; font: 11px Verdena; border: solid #A9A9A9; border-width: 1px 1px 1px 1px; cursor:pointer;}
el resto es para un paginador que tiene cada tab
Cita: var visto_subm = null;
var visto_color = null;
function ver(val) {
objhl = document.getElementById(val); // el tab seleccionado
obj = document.getElementById(val + '_menu'); // contenido del tab
obj.className = (obj==visto_subm) ? 'ocultar' : 'mostar'; // condicional para mostrar el contenido del tab seleccionado
objhl.className = (objhl==visto_color) ? 'nosel' : 'sel'; // condicional para marcar el tab seleccionado
if ((visto_subm != null) && (visto_color != null)) { // condicional para deseleccionar y ocultar el tab y el contenido del tab que fue seleccionado antes de la última selección
visto_subm.className = 'ocultar';
visto_color.className = 'nosel';
}
// se cambia el valor de las variables para saber que tab hay que deseleccionar. estas variables se usan en las anteriores condicionales
visto_subm = (obj==visto_subm) ? null : obj;
visto_color = (obj==visto_color) ? null : objhl;
}
window.onload = function() {ver('p1');}; // cuando se carga la página selecciona y muestra el contenido del primer tab