Como Colocar Botão Mostrar/Ocultar

Apenas utilize esse codigo:

Código:

<div class="pre-spoiler">
<input id="xs" value="Mostrar" style="margin-left: 50px; padding:
0px; width: 70px; " onclick="if
(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 != '') {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = '';this.innerText = ''; this.value = 'Ocultar'; } else {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = 'none'; this.value = 'Mostrar';}" type="button"> </div>
<div>
<div class="spoiler" style="display: none;">
CONTEÚDO A SER MOSTRADO OU OCULTADO.
</div></div>

Como ira Ficar:



Brevemente irei colocar com imagen,jah utilizei no meu blog,irei procurar o codigo é postar depois.

até que me ajudo

mais tipo da pra troca esse botao mostrar por alguma imagem? se der pode me ajudar como isso?

vlws!

tsuna57 escreveu:mais tipo da pra troca esse botao mostrar por alguma imagem? se der pode me ajudar como isso?

vlws!

Eu sei fazer isso, ja farei um tutorial para você. Flashman se não se importar eu irei colocar um tutorial usando javasccript para dar esse efeito de expand/collapse.

Vlw Olha meus posts tabem!

Vlw Olha meus posts tabem!

grimmblack escreveu:Vlw Olha meus posts tabem!

MEU DEUS! Reputação -58

come que se chego a esse nível grimmblack ?

E pra que escrever duas vezes a mesma coisa cara?

Flashman escreveu:Brevemente irei colocar com imagen,jah utilizei no meu blog,irei procurar o codigo é postar depois.

Ae Flash eu já conhecia esse efeito acho ele bem bacana mas eu to realmente afim de descobrir como fazer ele com imagens cara assim que conseguir esse efeito com imagem pf me avisa cara!

detalhe quando disse imagem quero dizer uma imagem escrita mostrar e ocultar ein!