[Resolvido] Aparecer e desaparecer

[Holt 1]

Sou meio novato em javascript, já tentei desenvolver meio mundo de jeitos mas nenhum funcionou...

O que eu quero é o seguinte...

Tenho uma busca em php que retorna o nome do o id do usuário, o nome dele, um botão mostrar/esconder que deve fazer o efeito na tabela com as informações do usuário.

Com o seguinte efeito:

Antes do clique:

Depois do clique:

 

Só uma informação que vai ajudar... como em uma pesquisa por nome do tipo joão, pode retornar vários "joões" então acho que isso possa ajudar...

O id do botão é igual ao name da tabela...

Ou o id da tabela é igual ao ID do botão mas com um a no final ou coisa do tipo...

 

não consigo fazer funcionar já tentei de tudo...

no botão...

<div style="display:compact;background-color:#BBB">1 - ÁMERICO VERÍSSIMO 
<input type="button" value="Mostrar/Ocultar" id="1" onclick="abrefecha(this)">
</div>'
<table name="1" style="display:block;" width="540" height="395" border="2" cellpadding="1" cellspacing="0">
  <tr>

no script é algo do tipo

function abrefecha(cod){
     if(cod.style.display == "none"){
          cod.style.display = "block";
     }else{
          cod.style.display = "none";
     }
}

O que tem de errado no meu código? Ou que código pode me resolver?

[William Bruno 1501]

O this se refere ao input apenas..

onclick="abrefecha(this)">

para isso que você quer, você precisa passar a caixa como parâmetro..

 

modificaria assim a função:

function abrefecha( cod ){
     var el = document.getElementById( cod );
     if( el.style.display == "none" ){
          el.style.display = "block";
     }else{
          el.style.display = "none";
     }
}

E então, você teria um ID na tabela..

<div style="display:compact;background-color:#BBB">1 - ÁMERICO VERÍSSIMO 
<input type="button" value="Mostrar/Ocultar" id="1" onclick="abrefecha( 'table_americo' )">
</div>'
<table id="table_americo" name="1" style="display:block;" width="540" height="395" border="2" cellpadding="1" cellspacing="0">
  <tr>

[lucas.exe 0]

no caso você estah chamando a função no input com this, então o que pode desaparecer será o input;

 

tente colocar no lugar de this, document.getElementsByTagName('table')[0]

 

Assim a primeira tabela do documento irá desaparecer.

[Holt 1]

Obrigadão gente funcionou agora ;D