Ampliar detalhes embaixo de um link

Ae pessoal, para dar umas treinadas to fazendo um site de um clan de um amigo.

Fiz a parte de membros dessa forma:

http://img484.imageshack.us/img484/9841/sitecdg5az.jpg

quem quiser ver vai em http://www.1infcdg.kit.net

tipo, quando voce clica no nick da pessoa ou na foto abre um pop up com mais detalhes.

ficou beleza e talz, mas que tava querendo fazer uma modificacao porque tem entrado muitos membros

queria fazer uma lista normal, so com os nomes, e ae clicando no nick da pessoa, "abriria" embaixo do nick uma tabela com mais dados e continuaria com a mesma coisa depois(de clicar no nick ou foto e abrir mais detalhes) e tipo, a pessoa podendo "abrir" mais de um nick(para se quiser comparar por exemplo) se ser do tipo abriu um o outro fecha saca?

tipo essa imagem abaixo

e queria que quando os "detalhes" estivesse aberto o "botao" mostrar detalhes ficasse "invisivel", nao aparecendo.

http://img416.imageshack.us/img416/9806/sitecdgmod4mv.jpg

é dificil fazer isso? alguem poderia me dar uma forca? queria fazer, mas nem sei por onde comecar... (de repente um iframe abaixo de cada nome, abrindo em porcentagens daria certo? flash? help!)

acho que se eu fizer um iframe com porcentagem minima embaixo de cada nome e ao clicar no "botao" mais detalhes faca abrir no iframe logo abaixo (exemplo: nick: gejor , iframe:gejor...) dara certo, mas ae nao teria como fazer esse ocultar os dados ne....? ou de repente colocaria o ocultar detalhes como a pagina membros.htm(meio que fazendo um refresh na pagina) é um jeito ne? mas o que eu queria mesmo era alem desse lance de aparecer os detalhes embaixo como an figura 2, eu pudesse ocultar os detalhes e abrir a vontade, ate como forma de poder comparar um ou mais membros.

help