Hey! Gracias, me diste una idea de como solucionarlo con el primer código que adjuntaste, esto era lo que quería hacer.
<!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>
<style>
/* clase para ocultar el div al inicio */
.oculto {
display:none;
margin-left:2em;
margin-right:8em;
}
</style>
<script type="text/javascript">
<!--
/*****************************Ocultar div**************************/
var visto = null;
function ver(num) {
obj = document.getElementById(num);
obj.style.display = (obj==visto) ? 'none' : 'block';
if (visto != null)
visto.style.display = 'none';
visto = (obj==visto) ? null : obj;
}
-->
</script>
</head>
<body>
<table>
<tr >
<td><b><span style="cursor:pointer" onclick="ver('admisiones')"> Titulo uno </span></b></td>
</tr>
<tr >
<td> <div id="admisiones" class="oculto"><a href="#"> Texto uno </a> </div></td>
</tr>
<tr >
<td style="cursor:pointer"><span onClick="ver('Proc_inscrip')"><b> Titulo dos </b></span></td>
</tr>
<tr >
<td> <div id="Proc_inscrip" class="oculto"> <a href="#"> Texto dos</a> </div> </td>
</tr>
<tr >
<td><span style="cursor:pointer" onClick="ver('condi')"><b> Titulo tres </b></span></td>
</tr>
<tr >
<td> <div id="condi" class="oculto"> <a href="#"> Texto tres</a> </div> </td>
</tr>
</table>
</body>
</html>
Espero les ayude en algo.