Hola a todos, necesito crear una tabla desplegable tal que al comienzo solo sea una tabla con nombres de paises y que al hacer click sobre alguno de ellos se despliegue su contenido. El problema que tengo es que haga click dodnde lo haga siempre se me despliega el contenido de la primera fila. Os paso el codigo que tengo a ver si me poideis echar una mano por favor:
{foreach key="Pais_clau" item="Pais_name" from=$minuevo name="paises"}
<table border="1">
<tr>
<td onClick="desplegar('tabla_a_desplegar','estadoT')" >{$Pais_name}</td>
</tr>
<tr>
<td>
<table border="1" id="tabla_a_desplegar" style="display: none;">
<tr>
<td> {if $idioma=="castellano"||$idioma==null}
{if $resultados[$Pais_clau]==null}
<h6> NO HAY RESULTADOS DISPONIBLES <h6>
{/if}
{if $resultados[$Pais_clau]!=null}
{foreach key="Resul_clau" item="Resul_name" from=$resultados[$Pais_clau] name="results"}
{if $smarty.foreach.results.iteration <= 10}
<p style='margin-left: 2em'>{$smarty.foreach.results.iteration}.{$Resul_n ame}</p>
{assign var="id" value=$id++}
{/if}
{/foreach}</h6></td>
{/if}
{/if}
{if $idioma=="ingles"}
{if $resultados[$Pais_clau]==null}
<h6> NO RESULTS AVAILABLE <h6>
{/if}
{if $resultados[$Pais_clau]!=null}
{foreach key="Resul_clau" item="Resul_name" from=$resultados[$Pais_clau] name="results"}
{if $smarty.foreach.results.iteration <= 10}
<p style='margin-left: 2em'>{$smarty.foreach.results.iteration}.{$Resul_n ame}</p>
{assign var="id" value=$id++}
{/if}
{/foreach}</h6></td>
{/if}
{/if} </tr>
</table>
</td>
</tr>
</table>
<div id="estadoT">Mostrar ContenidO</div>
{/foreach}
Y el sript es:
<script type="teXt/javascript">
function desplegar(tabla_a_desplegar,estadoT) {
var tablA = document.getElementById(tabla_a_desplegar);
var estadOt = document.getElementById(estadoT);
switch(tablA.style.display) {
case "none":
tablA.style.display = "block";
estadOt.innerHTML = "Ocultar coneNido"
break;
default:
tablA.style.display = "none";
estadOt.innerHTML = "Mostrar coNteNido";
break;
}
}
</script>
Muchas gracias de antemano