Cómo mostrar y ocultar capas

Funciones javascript para mostrar y ocultar capas

function show(id) {
  document.getElementById(id).style.display = 'block'
}
function hide(id) {
  document.getElementById(id).style.display = 'none'
}
function swap(id1, id2) {
  if (document.getElementById(id1).style.display == 'none') {
    document.getElementById(id1).style.display = 'block'
    document.getElementById(id2).style.display = 'none'
  } else {
    document.getElementById(id1).style.display = 'none'
    document.getElementById(id2).style.display = 'block'
  }
}

En cuanto al código CSS ideal (cross-browser y sobre todo accesible) para ocultar una capa hay algunas alternativas:

Una es esta:

.off-left { position:absolute; left:-999px; width:990px; }

Otra que vi en un libro es esta:

.hide{
position:absolute;
top:0;
left:-9999px;
height:0;
overflow:hidden;
}