Ir para conteúdo

POWERED BY:

Arquivado

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

Hebe

Aparecer e desaparecer 2 divs ao mesmo tempo

Recommended Posts

Olá galera :) :D :P Boa tarde

 

Eu pesquisei por um javascript que fizesse desaparecer e aparecer divs

function showDiv(divId){document.getElementById(divId).style.display='block';}function hideDiv(divId){document.getElementById(divId).style.display='none';}<div id="texto01" style="display: block">texto 01 (visível)</div><div id="texto02" style="display:none;">texto 02 (invisível)</div><a href="java script:showDiv('texto02');hideDiv('texto01');" >link que faz aparecer o div texto02 e desaparecer o div texto01</a>
O javascript funciona perfeitamente, mas gostaria de fazer aparecer e desaparecer 2 divs ao mesmo tempo... já tendei de várias formas.

<a href="java script:showDiv('texto02') ('texto02');hideDiv('texto01') ('texto01');" ><a href="java script:showDiv('texto02'); ('texto02');hideDiv('texto01'); ('texto01');" ><a href="java script:showDiv('texto02;texto02');hideDiv('texto01;texto01');" ><a href="java script:showDiv('texto02';'texto02');hideDiv('texto01';'texto01');" >

Compartilhar este post


Link para o post
Compartilhar em outros sites
function showDiv(){   document.getElementById("texto01").style.display='block';   document.getElementById("texto02").style.display='block';}function hideDiv(){  document.getElementById("texto01").style.display='none';  document.getElementById("texto02").style.display='none';}<div id="texto01" style="display: block">texto 01 (visível)</div><div id="texto02" style="display:none;">texto 02 (invisível)</div><a href="java script:showDiv();hideDiv();" >link que faz aparecer o div texto02 e desaparecer o div texto01</a>

Compartilhar este post


Link para o post
Compartilhar em outros sites

só uma obs:

 

é necessário colocar a div como display: block?

 

se a idéia é apenas fazer com q a div apareça, use assim:

document.getElementById("texto01").style.display='';

colocar uma div como block, as vezes, dá dor de cabeça :P

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.