Vous êtes sur la page 1sur 1

ESCONDER TEXTOS 2 MANEIRAS

1- Esconder texto (só possivel visualização quando clicar


no título do post ou ir diretamente ao post de um blog)

<span id="fullpost">

******INSIRA O TEXTO AQUI********

<span>

_______________________________________________________________

2- Esconder texto (a visualização é feita quando se clica no


link ABRIR e esconder quando apertar no link FECHAR)
obs: Tudo acontece na página, sem carregá-la
novamente!

<style type="text/css">

#janela {

border: 1px solid #000000;

background-color: red;

height: 50px;

width: 150px;

</style>

<a href="#" onclick="document.getElementById('janela').style.display = 'block';


return false;"><center>ABRIR</center></a>

<div id="janela" style="display: none;">

*******INSIRA O TEXTO AQUI*********

<a href="#" onclick="document.getElementById('janela').style.display = 'none';


return false;"><center>FECHAR</center></a></div>

NESTE CASO, SE TIVER NA MESMA PAGINA MAIS DE UM CÓDIGO! ONDE


ESTIVER ESCRITO “JANELA” NO CÓDIGO, TERç QUE COLOCAR OUTRO
NOME. POR EXEMPLO “JANELA 2”.

Vous aimerez peut-être aussi