[Resolvido] Exibição DIV

[3dmaniaco 1]

Olá Amigos (as) !!!! Tudo bem ?!?!?

 

Pessoal, eu estou criando um site, e nele eu criei um menu da seguinte forma:

 

Quando eu clico em um determinado link, a DIV fica VISIVEL, e quando clico novamente no mesmo link, a DIV fica INVISIVEL, como se fosse o menu iniciar do windows.

 

Mas estou com o seguinte problema.

 

Quando abro o site, a DIV começa VISIVEL, onde o correto seria ela começar INVISIVEL, e somente ficar VISIVEL, quando o visitante quiser. Como faço para a DIV começar INVISIVEL ?!?!?

 

Esse é o codigo que estou utilizando:

 

<!-- Ao Clicar no link abaixo, a DIV do menu aparece ou desaparece. -->

<a href="#"><img src="imagens/pt_a.gif" border="0" onclick="MostraEsconde('NOME DA DIV');" /></a>

<!-- Ao Clicar no link acima, a DIV do menu aparece ou desaparece. -->

<!-- O script abaixo tem por objetivo fazer a DIV do menu aparece ou desaparece. -->

<script language="JavaScript" type="text/javascript">

function MostraEsconde(sId)
{
var sDiv=document.getElementById(sId);
if (sDiv.style.display=="none")
{
sDiv.style.display="";
} else {
sDiv.style.display="none";
}
}

</script>
<!-- O script acima tem por objetivo fazer a DIV do menu aparece ou desaparece. -->

[André D. Molin 15]

Na sua folha de estilos, faça essa declaração:

 

div { display: none; }

[3dmaniaco 1]

Amigo, muito obrigado !!!!

 

Amigo, eu inseri

 

div { display: none; }

Agora quando eu clico no botão, não aparece a DIV, pois ela fica invisivel de forma definitiva.

 

Eu gostaria que ela comece invisivel, mas quando eu clicar no botão, a DIV aparece, conforme meu codigo postado no começo desse post.

 

Como resolver isso ?!?!?

[André D. Molin 15]

O problema está nessa linha do teu javascript:

 

sDiv.style.display="";

Deve definir a div como bloco novamente, e não como uma string vazia.

 

sDiv.style.display="block";

;)