Dicas de Programação: Exibindo/Escondendo uma DIV em Javascript

Poxa, desculpa pessoal, mas andei meio ocupado aqui no trabalho (normal, eu acho... :P ).

Como estou meio sem assunto, vou postar um dica bem simples de Javascript. :)

<div id="teste">Visivel</div>

Existem duas maneiras de exibir/esconder uma div:

- A primeira é usar a propriedade "visibility" do style de um elemento:

<script>

//Torna a div invisível

document.getElementById("teste").style.visibility = "hidden";

</script>

<script>

//Torna a div visível

document.getElementById("teste").style.visibility = "visible";

</script>

- A segunda é usar a propriedade "display" da mesma:

<script>

//Torna a div invisível

document.getElementById("teste").style.display = "none";

</script>

<script>

//Torna a div visível

document.getElementById("teste").style.display = "block";

</script>

Agora você deve perguntar: qual é a diferença entre os dois?

A propriedade "visibility" só deixa o elemento visível ou invisível, mas deixa o espaço que ele ocupa na tela.

A propriedade "display" faz com que o elemento desapareça, retirando-o inclusive (ou seja, o espaço que ocupa também "desaparece").

É isso aí, estou realmente sem assunto... 

Até mais!