esconder texto

[Arrasted 0]

Olá pessoal, ja via algumas vezes, mas nao tenho a menor ideia de como se faz.

algo assim

 

 

Empresa

blablablablablablablablablablablabla

blablablablablablablablablablablabla

Servicos

blablablablablablablablablablablabla

blablablablablablablablablablablabla

Portifolio

blablablablablablablablablablablabla

blablablablablablablablablablablabla

 

Gostaria de esconder o blablabla e deixar apenas

Empresa

Serviços

Portifólio, clicando nos mesm ele mostra o testo/ blablabla embaixo

 

Alguém pode me ajudar?

[TheChessMan 0]

(X)HTML:

 

<h1 onclick = "mostraBlaBla('mostrar')">Empresa</h1><p id="mostrar">Blablablablabal</p>

CSS:

 

p#mostrar{display:none}

java script:

 

function mostraBlaBla(id){	 document.getElementById(id).style.display = "block";}

Este é jeito mais simples (mas talvez não o melhor), busque no google, fórum ou outros lugares para melhores explicações e aperfeiçoamentos.

 

Bom estudo!

[Arrasted 0]

Aí sem querer achei algo parecido

 

http://www.eight.nl/files/leightbox/

[TheChessMan 0]

Aí no caso que o rflky3 falou temos que fazer um pouco diferente, mudando a classe do obj conforme o click:

 

(x)html

 

<h1 onclick = "mostraBlaBla('mostrar')">Empresa</h1><p id="mostrar" class="off">Blablablablabal</p>

CSS

 

.on{display:block;}.off{display:none;}

JS

 

function mostraBlaBla(id){	 var x = document.getElementById(id);		 if(x.className == "off"){			  x.className = x.className.replace("off", "on");	 }else if(x.className == "on"){			  x.className = x.className.replace("on", "off");	 }}

 

Acho que é isso, mas eu não testei, testa ae!

 

=)

 

--Edit

 

Acabei de testar, funciona beleza =)

[Arrasted 0]

Com um deu certo, mas usando "mais" os tetxtos aparecem sempre no mesmo lugar...it's wronggggrs

[TheChessMan 0]

Aqui tá funcionando, pra fazer com mais de um, coloque id's diferentes e posicione-as, não esperem que eu faça tudo pra você's né?

 

Um exemplo:

 

http://www.infoservtreinamento.com.br/test...traEsconde.html

[micox 2]

Os cara quer só copiar e colar né chess, ehehehehTrabalhar e pensar que é bom eles não querem não hehehehFalows brodiss heheh

[TheChessMan 0]

^^

[TheChessMan 0]

Tranquilo brother, isso é só pro pessoal não se acomodar, sabe como é...flws

[micox 2]

Calma pessoal não se estressem hehehehAqui é todo mundo diboas.Aliás este nosso sub-fórum de Webstandards é o que mais tem posts off-tópic do fórum do imasters heheahehÉ bom bater um papo heheh

[TheChessMan 0]

ahhahahaah

[pa_bruno 0]

eh vero... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif