Radio Button + JQuery para exibir e ocultar form

 

Depois de pesquisar na net e encontrar a solução que parece ser a mais simples, empaquei num negócio aqui.

Seguinte, eu tenho um formulário no meu site onde pessoas físicas e jurídicas vão se cadastrar.

A idéia é que quando o usuário marcar num radio button a opção "Física", apareça embaixo um input para cadastrar o CPF. Mas se por acaso o usuário marcar a opção "Jurídica", quero que o imput do CPF suma e apareça do CNPJ.

 

Eu consegui fazer o CPF aparecer, mas não consegui fazer ele desaparecer e aparecer só o CNPJ. Vejam meu código:

 

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
function mostra_inputcpf()
{
	document.getElementById('mostrar_inputcpf').style.display="block";
}

function oculta_inputcpf()
{

	document.getElementById('ocultar_inputcpf').style.display="none";
}

function mostra_inputcnpj()
{

	document.getElementById('mostrar_inputcnpj').style.display="block";
}

function oculta_inputcnpj()
{

	document.getElementById('ocultar_inputcnpj').style.display="none";
}
</script>


Pessoa Fisica <input type='radio' id='pessoa' name='tipopessoa' value='mostrar_input'  onclick='mostra_inputcpf(), oculta_inputcpf()'/>

Pessoa Juridica <input type='radio' name='tipopessoa' value='mostrar_input' id='pessoa' onclick='mostra_inputcnpj(), oculta_inputcnpj()'> 



<label id='mostrar_inputcpf' for='mostrainputcpf' style='display: none'>
       CPF <input id='mostrainputcpf' type='text' size='30' name='cpf' >
</label>

<label id='mostrar_inputcnpj' for='mostrainputcnpj' style='display: none'>
       CNPJ <input type='text' name='cnpj' id='mostrainputcnpj'>
</label>