Esconder/Mostrar Obejto

[Leandro Vieira Pinho 0]

Bom, estudando js hoje, desenvolvi um escript, para esconder determinado objeto na página.Mas rolou a seguinte dúvida.Eu crei uma div com essa css:

#normal { width: 100%; height: 300px; background-color:#00FF00; visibility: hidden;}

então abaixo desta div coloque um link assim:

<a href="java script:;" onclick="Mostra()">Mostrar Div</a>

E usando este (js) ao clicar no link a div aparece na página.

function Mostra() { document.getElementById("normal").style.visibility="visible";}

Ok, tudo funciona legal, mas ao abrir a página o link fica a 300px do topo da página, ou seja abaixo da div (mas ela não esta sendo mostrada), queria que o link ficasse em cima, e ao clicar a div aparecia, e conseguentemente o link por baixo, tem como?Outro detalhe, para esconder novamente a div, e uso outro link, com outra função, seria possível, usar dois funões em um mesmo link? (esconder e mostrar)Neste código abaixo como ficaria para:

function Mostra() { document.getElementById("normal").style.visibility="visible";}

acrescenter (visibility="visible" e height="1px") ?valeu

[Felipe.Correa 0]

Em vez de usar visibility, use display:none e display:block

[Alexandre R 0]

nao precisa usar 2 funçoes diferentes pra exibir e mostrar cria apenas uma função que faça as duas coisas algo mais ou menos assim:var e = document.getelementByI("nome")if (e.style.display == 'block' || e.style.display == '') e.style.display = 'none'else e.style.display = 'block'detalhe: o display pode estar em branco