Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

lazuks

JavaScript (Hide/Show)

Recommended Posts

Estou usando um JavaScript para ocultar um texto no site que estou desenvolvendo,

Só que queria que quando o usuário entrasse no site, o conteúdo ficasse oculto até ele clicar em "Mostrar" (show no caso).

 

Abaixo vai o Script que estou usando:

 

Dentro do HEAD:

 

<script language='JavaScript' type='text/javascript'>

function hide(el)

{

document.getElementById(el).style.display = "none";

}

function show(el)

{

document.getElementById(el).style.display = "block";

}

</script>

 

 

 

 

Dentro do BODY:

 

<a href="java script: hide('tohide');">Hide</a>/<a href="java script: show('tohide');">Show</a>

 

<div id="tohide"> Hidden Text</div>

 

Valeu ai desde já! :)

Compartilhar este post


Link para o post
Compartilhar em outros sites

<script>function toggle(obj){var el=document.getElementById(obj);el.style.display=(el.style.display!='none'?'none':'');}</script>
<a href="javascript:toggle('tohide')">Show/Hide</a>
<div id="tohide">Conteúdo</div>
Exemplo com operador ternário (substitui o if e o else).

 

Fonte: http://www.dustindiaz.com/seven-togglers/

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.