A ver si me explico:
Uso una tabla con varias lineas y en cada una de ellas quiero que se pueda desplegar un contenido.
El código javascript que utilizo funciona correctamente pero el problema viene cuando quiero insertar o eliminar nuevas lineas de la tabla.
Al insertar una nueva linea me veo obligado a modificar el id en el resto de las lineas....
Me gustaría conocer la manera de poder asignar y eliminar de forma automática una id a cada linea para que la función sepa que capa tiene que abrir u ocultar.
Código:
<script type="text/javascript">
function shToggle(content) {
if (document.getElementById(content).style.display == "none")
document.getElementById(content).style.display = "block"
else
document.getElementById(content).style.display = "none"
}
</script>
Código:
<table>
<tr>
<td>
<a href="javascript:void(0);" onclick="shToggle('id1'); return false;">[Mostrar|Ocultar]</a><div id="id1" style="display:none;">contenido</div>
</td>
</tr>
<tr>
<td>
<a href="javascript:void(0);" onclick="shToggle('id2'); return false;">[Mostrar|Ocultar]</a><div id="id2" style="display:none;">contenido</div>
</td>
</tr>
</table>