Que tal muchachos. Intento ocultar y mostrar filas de una tabla, el codido que tengo para adaptarlo es este:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Mostrar/ocultar filas y columnas</title>
<script type="text/javascript">
<!--
function cambiarDisplay(id) {
if (!document.getElementById) return false;
fila = document.getElementById(id);
if (fila.style.display != "none") {
fila.style.display = "none"; //ocultar fila
} else {
fila.style.display = ""; //mostrar fila
}
}
-->
</script>
</head>
<body>
<table>
<tr id="row1" onClick="cambiarDisplay('row2')">
<td><strong><a href="#"> Ir a admisiones </a></strong> </td>
</tr>
<tr id="row2" style="display:none">
<td> <a href="http://admisiones.univalle.edu.co/new/index.php"> Admisiones Univalle</a></td>
</tr>
<tr id="row3" onClick="cambiarDisplay('row4'),cambiarDisplay('ro w2')">
<td><strong><a href="#"> Proceso de Inscripción </a></strong> </td>
</tr>
<tr id="row4" style="display:none">
<td> <a href="http://admisiones.univalle.edu.co/new/index.php"> Iniciar inscrpción</a></td>
</tr>
</table>
</body>
</html>
Funciona, pero la idea es que la función solo me permita desplegar una fila, es decir, si abro la segunda, por ejemplo, se oculte la primera y viceversa (Igual en el caso de que tuviera muchas mas filas).
Gracias ;)