[resolvido] Javascript - Clicou Aparece, Clicou Denovo, Some

[WebSan.Com.Br]

E ai galera, beleza ??

Estou precisando de fazer um menu onde terão 7 links, um abaixo do outro, e quando eu clicar em um deles aparece logo abaixo dele uma tabela com seu conteudo, se eu clicar novamente, ele é escondido, como faço ? não entendo nada de javascript, então já pediria alguma coisa mastigada se fosse possivel.

Exemplo:

Link01

Link02

Link03

Cliquei no link02, ok ?

Link01

Link02

- Este é o texto do link02, com todo seu conteudo

Link03

-

É isso que preciso... Grato desde já... Abraços.

[.Andreia.]

https://www.scriptbrasil.com.br/codigos/jav...nus-javascript/

https://www.scriptbrasil.com.br/download/codigo/7048/

[WebSan.Com.Br]

Obrigado Andreia... eu usei o 1º exemplo que é mais simples... como disse não entendo de javascript, fiquei meio perdido no exemplo que você me mandou... mais a 1ª versão dele tá facil...

Obrigado novamente.

[.Andreia.]

não entendi, resolveu pra voce algum exemplo? Ficou alguma duvida?

[WebSan.Com.Br]

é que o seu 2º link é direto para um download né de um exemplo ? esse exemplo que você mandou existem 3 versões dele e esse ai é o mais complexo !

A 1ª versão desse exemplo é bem mais simples e já resolveu meu problema.

Muito Obrigado... até+.

[MLeandroJr!]

Parece que seu problema já foi resolvido....

Mas tem uma maneira bem fácil pra você fazer!

No topo da sua página você pode colocar um script assim:

<script language="JavaScript">
function MostraEsconde(id){
    var DIV = document.getElementById(id);
    DIV.style.display = (DIV.style.display=="") ? "none" : "";
    }
</script>

Aí, suas DIVs precisarão ter o ID definido, assim:

<div id="menu1">Principal</div>

E nos links para abrir e fechar a DIV, você faz assim:

<a href="#" onclick=java script:MostraEsconde("menu1")>Menu1</a>

[WebSan.Com.Br]

E ai Lvcifer! beleza cara ?

Foi quase isso mesmo que eu fiz... dá uma olhada...

<script type="text/javascript">
up_down = function(img,body)
{
        if(img.src.indexOf("down") > -1)
        {
            img.src="images/arrow_up.gif";
            document.getElementById(body).style.display = "block";
        }
        else
        {
            img.src="images/arrow_down.gif";
            document.getElementById(body).style.display = "none";
        }
}
</script>

<img src="images/arrow_down.gif" width="15" height="15" onclick="up_down(this,'Peitoral');">

<table id="Peitoral" style="display:none" width="680" border="0" class="Verdana_12_PretoB">
....
</table>

Mas o script vou mudar para igual o seu, tá mais prático mesmo.... abraços.