Como "fechar" e "mostrar" uma div

Olá leitor,tudo bem ? Hoje vou mostrar como esconder e mostrar uma div através de html e javascript e é bem simples,você irá entender rapidinho.
Para começar eu criei um exemplo para mostrar para você,veja abaixo:

Fechar
Alguma coisa escrita aqui.

Mostra
Você pode testar e verá que está funcionando direitinho,da maneira que eu quero que vocês entendam mas, o caso aqui não é mostrar como se cria uma div inteira... Vou ensinar como a div aparece e desaparece.
Bem, para começar você precisa de uma div com um nome, e esse nome você vai utilizar para...

Fechar uma div (este é o codigo de fechar,altere algumas coisas).

<a href="javascript:void(null);" onclick="document.getElementById('nome da div').style.display='none';">Fechar</a>

Mostrar uma div (o botão de mostrar uma div tem que está fora dela </div> para que o efeito não seja aplicada a div escondida no botao mostrar).

<a href="javascript:void(null);" onclick="document.getElementById('nome da div').style.display='block';">Mostra</a>

Conclusão do efeito:

A partir do link do javascript conseguimos colocar o CSS,ao clicar o botão de mostrar e fechar conseguimos gerar um CSS de visível e invisivel (display block e display none).
Você pode trocar o link por uma imagem também...

Caso você queira a div do exemplo,está ai o código:

<div id="divfechar-bpd">
<a href="javascript:void(null);" onclick="document.getElementById('divfechar-bpd').style.display='none';">Fechar</a>
<br />
Alguma coisa escrita aqui.
</div>
<a href="javascript:void(null);" onclick="document.getElementById('divfechar-bpd').style.display='block';">Mostra</a>
<style>
#divfechar-bpd{
background:#f9f9f9;
border:1px solid #aeaeae;
padding:5px;
}
</style>