OCULTAR MOSTRAR OBJETOS

Al final lo mejor es usar dos funciones así que oculten un DIV que a su vez ocultará/mostrar lo que haya dentro:

function ocultar(){
document.getElementById('principal').style.display = 'none';
}
function mostrar(){
document.getElementById('div2').style.display = 'block';
}