como crear un control tab con css

[franko1809]

Actualmente uso este codigo javascript que muestra y oculta las tablas,
para ello he declarado style="display:none" a cada tabla para ocultarlas

<script>
var obj=null;
function viewHide(id)
{
var targetId, srcElement, targetElement;
var targetElement = document.getElementById(id);
if (obj!=null)
obj.style.display='none';
obj=targetElement;
targetElement.style.display = "";
}
</script>

1.-Es correcto ocultar las tablas y mostrarlas mediante javascript
2.-Al momento de cargar la pagina, carga todas las tablas incluyendo las que estan ocultas con el style="display:none" o solo las que estan visible

Espero sus respuestas salu2