mostrar / esconder

[mapb_1990]

boas.

cria fazer umas box's em k o texto dessa box era mostrado ou escondido.

saquei um codigo na net, pk de js nao sei kuase nd, mas tenho um problema, kuando tenho 2 boxes ou +, ao clicar na 2ª, fecha a 1ª.

como nb percebo nd de js, n sei corrigir.

alguem ajuda?

function download_box( el)
{
if ( el.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display !='')
{
	el.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; 
}
else
{
	el.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
}
el.blur();
}

<div id="download_box_top" onclick="javascript:download_box(this);"></div>
<div id="download_box_main">
<div id="download_box_text">Texto a esconder 1</div>
</div>
<div id="download_box_bottom"></div>
<br />
<div id="download_box_top" onclick="javascript:download_box(this);"></div>
<div id="download_box_main">
<div id="download_box_text">Texto a esconder 2</div>
</div>
<div id="download_box_bottom"></div>

podem o ver aki: http://www.anime-land.org/downloadbox.html

[bruno1234]

Existem Ids com nomes repetidos (nos div). Isso só por si é um erro.

[mapb_1990]

mas ai não se pode fazer nd.

numa página tanto posso ter 1 box, como 20.

tem k haver uma maneira de no codigo js testar kual foi accionado.

[yoda]

mas ai não se pode fazer nd.

numa página tanto posso ter 1 box, como 20.

tem k haver uma maneira de no codigo js testar kual foi accionado.

Usa classes em vez de ids. O javascript não adivinha.

[NCS_One]

Boas.

Nunca deves repetir os IDs dos elementos, se o fazes por causa do CSS usa "class".

Isto acho que funciona mas não foi testado.

function download_box( el )
{
  var Par = el.parentNode;
  var Node = Par.childNodes[ 1 ].childNodes[ 0 ];
  if ( Node.style.display != '' )
  {
    Node.style.display = ''; 
  }
  else
  {
    Node.style.display = 'none';
  }
  el.blur();
}

<div>
  <div onclick="javascript:download_box( this );">Fechar/Abrir</div>
  <div>
    <div>Texto a esconder 1</div>
  </div>
</div>
<br />
<div>
  <div onclick="javascript:download_box( this );">Fechar/Abrir</div>
  <div>
    <div>Texto a esconder 2</div>
  </div>
</div>

[mapb_1990]

obrigado pelas respostas.

fiz o k voces disseram, mas n funcionou: http://www.anime-land.org/downloadbox.html

[bruno1234]

A ideia n era tirares o id, era mudares o nome de um dos ids.

[NCS_One]

Usa isto.

function download_box( el )
{
  var Par = el.parentNode;
  var Node = Par.getElementsByTagName( "DIV" )[ 1 ];
  if ( Node.style.display != '' )
  {
    Node.style.display = ''; 
  }
  else
  {
    Node.style.display = 'none';
  }
  el.blur();
}

[NCS_One]

O codigo em cima esconde e mostra o DIV parent do DIV que contem "Texto a esconder...".

Se quiseres esconder o DIV que contem "Texto a esconder..." altera esta linha :

  var Node = Par.getElementsByTagName( "DIV" )[ 1 ];

para :

  var Node = Par.getElementsByTagName( "DIV" )[ 2 ];

[mapb_1990]

thanks.

é mesmo isso.

obrigado a tds