Como adicionar dois ou mais botões

Qual é sua questão:
Bom... eu queria adicionar dois ou mais botões iguais a este do FdF " Lista dos fóruns de suporte oficiais" está ali do lado <<<<<.

Um usei este código

Código:

<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function() {
    jQuery('.toggleable').css('display', 'none');
 
    jQuery('#forunslist').click( function() {
        jQuery('#toggle1').animate({
            width: 'toggle',
            height: 'toggle',
            opacity: 'toggle'
        }, 4000);

        jQuery('#toggle2').animate({
            width: '0px',
            height: '0px',
            opacity: '0%',
            display: 'block',
            width: 'toggle',
            height: 'toggle',
            opacity: 'toggle'
        }, 4000);
    });
 
    jQuery('#forunslist2').click( function() {
        jQuery('#toggle2').animate({
            width: 'toggle',
            height: 'toggle',
            opacity: 'toggle'
        }, 4000);

        jQuery('#toggle1').animate({
            width: '0px',
            height: '0px',
            opacity: '0%',
            display: 'block',
            width: 'toggle',
            height: 'toggle',
            opacity: 'toggle'
        }, 4000);
    });
});
</script><div id="toggle1">

<dd style="display:none;" id="l6"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="http://pt.hitskin.com/" target="_blank">HitSkin</a></span><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="http://www.criarumblog.com/" target="_blank">Criar Blog grátis</a></span><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="http://www.servimg.com/" target="_blank">Servimg</a></span><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="http://www.publieiros.com/" target="_blank">Publieiros</a></span></dd></dl><div style="font-size:110%; margin-top: 8px;"><a href="javascript:" id="forunslist"><img src="http://im0.all-up.com/i/img/puce_fleche.png">  Lista de parceiros  <b><font color='#d40c0c'>[FG]</font><font color='#d8dbaf'>Fest Gunz</font></b></a>



<br><br>
</div>

</div><div id="toggle2" class="toggleable" style="font-size:120%">


<br><br><a href="javascript:" id="forunslist2"><img src="http://im0.all-up.com/i/img/puce_fleche.png">  Fechar</a>

</div>

Funcionou normal... beleza, mas ai, eu fui adicionar outro botão... ou seja, um aparecia uma mensagem, e o outro botão outra mensagem, ai eu copiei o código, e colei embaixo... ai quando eu clico no primeiro botão, ele abri mas fecha sozinho, e o segundo nem abri, tem como arruma o código para colocar dois botões, cada um com uma mensagem?

Resultado: http://brasilmegarpg.forumeiros.com/h2-manuais

a, e isso é tipo para ontem, mas só deu para postar hoje .

Que medidas você tomou para corrigir o problema:
Nada, com esses códigos eu nunca tento nada, para não piora .

Apresente-nos imagens do problema (se necessário):
Não nescessário.

Endereço do fórum:
http://brasilmegarpg.forumeiros.com

Versão do fórum:
INVISION

Este código funciona em seu fórum? coloquei no meu, não exibe nada quando carrego para abrir os 'parceiros'.

seender, talvez sejá por que não tenh nada né. -.-"

Eu coloquei só o código, mas se quiser eu coloco o negocio. '-'

Código:

    <script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
    <script>
    jQuery(document).ready(function() {
        jQuery('.toggleable').css('display', 'none');
   
        jQuery('#forunslist').click( function() {
            jQuery('#toggle1').animate({
                width: 'toggle',
                height: 'toggle',
                opacity: 'toggle'
            }, 4000);

            jQuery('#toggle2').animate({
                width: '0px',
                height: '0px',
                opacity: '0%',
                display: 'block',
                width: 'toggle',
                height: 'toggle',
                opacity: 'toggle'
            }, 4000);
        });
   
        jQuery('#forunslist2').click( function() {
            jQuery('#toggle2').animate({
                width: 'toggle',
                height: 'toggle',
                opacity: 'toggle'
            }, 4000);

            jQuery('#toggle1').animate({
                width: '0px',
                height: '0px',
                opacity: '0%',
                display: 'block',
                width: 'toggle',
                height: 'toggle',
                opacity: 'toggle'
            }, 4000);
        });
    });
    </script><div id="toggle1">

    <dd style="display:none;" id="l6"><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="http://pt.hitskin.com/" target="_blank">HitSkin</a></span><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="http://www.criarumblog.com/" target="_blank">Criar Blog grátis</a></span><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="http://www.servimg.com/" target="_blank">Servimg</a></span><span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="http://www.publieiros.com/" target="_blank">Publieiros</a></span></dd></dl><div style="font-size:110%; margin-top: 8px;"><a href="javascript:" id="forunslist"><img src="http://im0.all-up.com/i/img/puce_fleche.png">  Lista de parceiros  <b><font color='#d40c0c'>[FG]</font><font color='#d8dbaf'>Fest Gunz</font></b></a>



    <br><br>
    </div>

    </div><div id="toggle2" class="toggleable" style="font-size:120%">
a

    <br><br><a href="javascript:" id="forunslist2"><img src="http://im0.all-up.com/i/img/puce_fleche.png">  Fechar</a>

    </div>