mostrar y esconder tablas

[engonga]

hola tengo un script que lo que hace es mostrar una tabla

el script

Código PHP:

  function verMasInfo (tecnica) {
  nomId = tecnica;
  if (document.getElementById(nomId)) {
    dis=document.getElementById(nomId).style.display;
    document.getElementById(nomId).style.display= (dis=='none') ? '' : 'none';
  } 
  } 
   

la tabla la tengo montada de esta manera

<table id=tabla1 style="display:none >
...
</table>

entonces en unos links tengo que cuando cliquen me muestren la tabla

<a href="#" onclick="verMasInfo('tabla1')">tabla 1</a>


pero el problema es que el link me muestra la tabla y la esconde si esta mostrada


pero ahora bien

si tengo 5 links

como puedo hacer que al cliar uno se escondan todas las tablas y me muestre solo la que le pase el ID?

alguien sabe?


gracias

[derkenuke]

Iniciado por ^engonga^

si tengo 5 links

como puedo hacer que al cliar uno se escondan todas las tablas y me muestre solo la que le pase el ID?

En algún sitio tienes que colocar la lista de los id's de todas las tablas, para recorrerlas en la función, esconder todas, y luego mostrar la que se le haya pasado por argumento.

Otra opción posible es pasar por argumento todos los id's de las tablas, ocultar todas menos la primera, y mostrar la primera.

Todas las opciones son válidas, pero tendrás que tener la lista de todas las tablas en la función seguro, o una manera de llegar a ellas.


Un saludo.

[engonga]

ya lo solucione

para quien lo necesite, ya se que puede que algun gurú de javascript podrá hacerlo mejor

aqui dejo el codigo

Código PHP:

  <script type="text/JavaScript">
<!--
var nomId

function escondeinfo(){
if (nomId) {
 document.getElementById(nomId).style.display= 'none';
}}

function verMasInfo(tecnica) {
  
  
  nomId = tecnica;
  if (document.getElementById(nomId)) {
    dis=document.getElementById(nomId).style.display;
    document.getElementById(nomId).style.display= '' ;
 //dis=document.style.display;
 //document.style.display= (dis=='none') ? '' : 'none';
 } 
  }
  //-->
</script> 
  

i aqui la forma de ponerlo en el lik

<a href="#" onclick="escondeinfo(); verMasInfo('idamostrar')">Micaceo</a>


lo que hace escondeinfo() es ocultar la tabla que esté visible