Código do painel de usuário

Qual é minha questão:
Assim como no painel de usuário do FDF, ao clicar em "Alterar" por exemplo, abre uma nova lista.
Qual é o código utilizado?

Medidas que eu tomei para corrigir o problema:
Ñ

Imagens do meu problema:
Ñ

Endereço do meu fórum:
http://brasil-nl.forumeiros.com

Versão do meu fórum:
PHPBB3

É o mesmo mecanismo do spoiler, mas aí em palavras simples.

Olá,

O código a ser utilizado é o seguinte:

Código:

<div class="inner"><span class="corners-top"><span></span></span><script type="text/javascript" src="http://illiweb.com/fa/js_16/collapsible_faq.js"></script>
<script>
jQuery(document).ready(function(){
 jQuery.get('http://ajuda.forumeiros.com/profile?mode=editprofile&amp;page_profil=avatars', function(data) {
 link = jQuery('.panel dl:first img', data).attr('src');
 jQuery('#avatar').attr('src', link);
 });
});
</script>
<span id="friends_cook"></span><br>
<br></span>
<dl style="margin-bottom: -1px !important;" class="faq"><dt></dt>
<dd onclick="return CFAQ.display('l20', false);">
 <div onfocus="this.blur();" onclick="return CFAQ.display('l20', true);" style="cursor: pointer;"><img border="0" style="width: 15px;height: 15px" src="http://2img.net/i/fa/admin/icones/editer.png"> NOME</div></dd><dd id="l20" style="display:none;"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a target="_blank" href="LINK-1"> TÍTULO-1 </a></span><span style="font-size: ;">
<a target="_blank" href="LINK-2"> TÍTULO-2 </a></span><br><span style="font-size: ;"><a target="_blank" href="LINK-3"> TÍTULO-3 </a></span></dd>


"LINKS" ->> Troque pelos links desejáveis.
"TÍTULOS" ->> Troque pelo título dos links.
"NOME" ->> Troque pelo nome do "alterar".

Até mais.

Obrigado Cream, era isso mesmo!