Fazendo um elemento aparecer e desparecer

Você pode implementar esse código fazendo com que troque um "+" e um "-" para quando tiver invisível botar o "+" e quando tiver visível botar o "-".
E bom lembrar que quando um elemento está com display:none; ele fica invisível e quando está com block ele fica visível;

Então o que o código tem que fazer é trocar o valor dodisplay do elemento.
Criaremos então uma textarea com id="desaparecer" e um botão que irá fazer a função de trocar o display funcionar quando for clicada (é só usar o evento onclick)
-a função:

Código:

function des_aparecer(id){ // inicia a função com um valor id que será o id do elemento que irá ficar "invisível"
var elemento = document.getElementById(id); // pego o elemento pelo id
if(elemento.style.display == "none"){ // Se o display do elemento for igual a none (ele está invisível)
elemento.style.display = "block"; // o display vai ser reescrito e irá ser block (irá tornar visível)
} //fecha o if
else{ // senão
elemento.style.display = "none"; // o elemento tem que ficar invisível então display:none nele
} //fim do else
} //fim da função

Para identificar o click é só criar o botão, neste caso colocaremos um input

Código:

<input type="submit" value="(des)aparecer" [b]onclick="des_aparecer('desaparecer');/>

Só lembrando: desaparecer é o id da textarea que irá sumir.

Fonte: Weaver
Adaptação: fromacedo