.

24 agosto 2012

Imagem Ocultar e mostrar elemento ao clicar

Tumblr_m6fv08jnqx1qmyzxzo1_500_large
Sabem aquela imagem que coloquei nas categorias que está escrito: Clique, ?

Tem gente me perguntando como faz, é bem facil, é só criar o gadget, e colocar o código abaixo no gadget que você quiser:

<div class="divspoiler">
<img src="URL DA IMAGEM" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">Aqui o conteúdo que queremos ocultar</div></div>

Aprendi no Blogger passo a passo 

5 comentários:

  1. Obrigada! Vou tentar ^.^

    Bjs

    http://garotas-cupcakes.blogspot.com.br/

    ResponderExcluir
  2. Respostas
    1. Não consegui colocar categorias no meu blog!

      Mais muito bom seu tutorial

      Excluir
  3. Você pode fazer um tutorial para poder aprender melhor a como se faz isso?

    Bjus

    ResponderExcluir

Comente, critique, sugira, mas nunca se esqueça da educação!

.