  </li>    <li id='menu4' onMouseOver="javascript:menuAff('menu4','menu');" ><a class='itemP'>Gesti&#243;n</a><ul class='ssmenu'> 
<li><a href="gestion/contactos.php">Contactos</a></li> 
 
 
<li><a href="gestion/contratos.php">Contratos</a></li> 
<li><a href="gestion/documentos.php">Documentos</a></li> 
</ul>

Adler · #2 (**permalink**) 30/06/2009, 07:40

Hola

¿Es esto lo que buscas?

Código javascript:

Ver original<html>
<head>
<script>
function desplegar(que) {
tag = document.getElementById(que);
tag.style.display = (tag.style.display == "none") ? "block" : "none";
}
</script>
</head>
 
<body>
<div onclick="desplegar('tabla1')">
Desplegable 1
<table id="tabla1" style="display: none">
<tr><td>elemento1</td></tr>
<tr><td>elemento2</td></tr>
<tr><td>elemento3</td></tr>
<tr><td>elemento4</td></tr>
<tr><td>elemento5</td></tr>
</tr>
</table>
</div>
 
<div onclick="desplegar('tabla2')" >
Desplegable 2
<table id="tabla2" style="display: none;">
<tr><td>elemento1</td></tr>
<tr><td>elemento2</td></tr>
<tr><td>elemento3</td></tr>
<tr><td>elemento4</td></tr>
<tr><td>elemento5</td></tr>
</table>
</div
</body>
</html>

Suerte

elzurdo87 · #3 (**permalink**) 30/06/2009, 12:06

esa es la opcion dibujando una tabla creo que esto te podra ayudar basante tenes varios ejemplos
<HTML>
<HEAD>
<TITLE>Ejemplo 6</TITLE>
</HEAD>
<BODY>

<H1>Listas</H1>
Una lista ordenada
<ol>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ol>
<br><br>
Una lista sin ordenar
<ul>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
<br><br>
Una lista de glosario
<dl>
<dt>Témino 1</dt>
<dd>Definición 1</dd>
<dt>Témino 2</dt>
<dd>Definición 2</dd>
</dl>
<br><br>

Listas anidadas
<ul>
<li>Uno
<ul>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
</li>
<li>Dos</li>
<li>Tres</li>
</ul>
</BODY>
</HTML>