Mostrar ocultar div

olá

tenho duas DIV

<div id="liberal" style="visibility:hidden; position:relative;"></div><div id="empresas" style="visibility:hidden; position:relative"></div>

gostaria de mostrar e ocultar elas no memso lugar, tentei usando display none, mas ai nenhuma das duas aparece com meu código JS vejam.

function showLiberal() { document.getElementById("liberal").style.visibility = "visible"; document.getElementById("liberal").style.dysplay = "block"; } function hideLiberal() { document.getElementById("liberal").style.dysplay = "none"; document.getElementById("liberal").style.visibility = "hidden"; } function showEmpresa() { document.getElementById("empresas").style.visibility = "visible"; document.getElementById("empresas").style.dysplay = "block"; } function hideEmpresa() { document.getElementById("empresas").style.dysplay = "none"; document.getElementById("empresas").style.visibility = "hidden"; }

as radios que devem mostrar e ocultar as DIV's são

SOU <input name="tipocliente" id="tipocliente" type="radio" value="liberal" onClick="showLiberal();hideEmpresa();" />Profissional Liberal ou prestador de serviço <input name="tipocliente" id="tipocliente" type="radio" value="empresa" onClick="showEmpresa();hideLiberal();" /> Pessoa Jurídica

se alguem puder me ajudar.

valew