Listas Con Tablas "Desplegables"

[makeitslow]

Hola a todos, despues de buscar en varias partes del foro, decidi postear el tema, no se si alguien sabe como puedo hacer links a tablas que aparezcan de forma desplegable. Me explico, tengo una lista en mi pagina PHP:

Lista de Eventos.

Lista de Personal.

Lista de Noticias.

.
.
.
.

Por ejemplo, cuando haga click en LISTA DE EVENTOS, debajo de este titulo, me apareza una tabla donde esta la informacion obtenida mediante consultas, el hacer la tabla y llenarla no es problema, mi problema esta en ocultar la tabla hasta el momento de hacer click en el titulo correspondiente, lo que vendria a ser igual: Mostrar la tabla el momento de hacer click en el titulo correspondiente.

Espero su orientacion. Gracias!

[caricatos]

Hola:

Cuando generes la tabla, genera también un id, y al escribir el elemento de la lista, genera un evento onclick de esta manera:

<li onclick="desplegar('tabla_Eventos')" >
Eventos
<table id="tabla_Eventos" style="display: none">
...
</li>

Luego solo tendrías que definir la función desplegar:

function desplegar(que) {
tag = document.getElementById(que);
tag.style.display = (tag.style.display == "none") ? "block" : "none";
}

Saludos

[makeitslow]

Gracias por tu respuesta tan acertada CARICATOS... Te agradezco mucho.. voy a probarlo...

[Adler]

Hola, siguiendo el hilo

¿Abría alguna forma de aplicar "z-index" para superponer una sobre otra?

Gracias