17/03/2013

3

COMO OCULTAR E MOSTRAR TEXTO DENTRO DO ARTIGO

Existe um truque muito legal para você ocultar e mostrar algum texto dentro do artigo. Trata-se do efeito "Spoiler". Com este truque simples você pode ocultar determinada parte do texto que, o visitante só irá visualizar se ele quiser a partir de um único clique. Isso mesmo. O visitante irá clicar em um botão que abrirá o testo previamente ocultado.

Quer ver como funciona!
Clique no botão abaixo e veja.





Bem. Para criar este efeito você deve apenas copiar o código abaixo e colar na área HTML da postágem onde ficará o texto oculto.

-------------------------------------------

<div id="spoiler" style="display:none">TEXTO OCULTO</div> <button title="Clique para mostrar/ocultar" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">CLIQUE AQUI</button>

-------------------------------------------

Ná parte em vermelho, você deve colocar o texto que será ocultado. Simples, não?

Até a próxima



3 comentários:

  1. bom dia brother !! muito bom esse efeito, porque eu tenho histórias que são muito grandes e com esse efeito vai ser muito bom pra resumir a postagem !!valeu mesmo.

    ResponderExcluir
    Respostas
    1. Muito obrigado pelo comentário. Esse efeito realmente é incrível e vale a pena ser explorado.

      Excluir
  2. boa noite. uma dúvida: preciso rastrear as pessoas (o número de visualizações, pelo analytics ou qualquer ferramenta), que clicaram para ver essa parte oculta.

    por exemplo: vou colocar o número do telefone de um estabelecimento pela metade e vou conferir quantos quiseram ver o número inteiro. Poderia me ajudar?

    aguardo!
    um abraço, parabéns pelo post

    ResponderExcluir

Faça comentários somente sobre o assunto do Post.
Não use palavras impróprias.

Walter Matheus é um marketeiro credenciado e tem sido associado a várias publicações online, incluindo este blog,
Dr. Mister Blog e Sabedoria do corpo.

Ele também tem um vasto programa de treinamento para marketeiros no seu próprio site localizado em: WMF Program.

Se você gostou deste conteúdo do blog, você vai se beneficiar muito obtendo conteúdo diário. Ao assinar meu feed, você receberá conteúdo atualizado bem como os bônus especiais.

Junte-se a shareasale.com para ganhar muito dinheiro em seu site ou blog!

Para qualquer dúvida, entre em contato

Veja também

Top comentários

Veja aqui os Vídeos do meu canal