Jquery - Abrir <ul> ao clicar em botão

[Giovani Rodrigues]

Prezados senhores.

Eu estou com uma dúvida.

Tenho um botão, no qual tenho um id

<li class='inline btn_fone'>
    <a href='java script: void(0)' id='$id' class='botao_f efeito_fade'>
    </a>
</li>

Quando eu clicar nesse botão, ele deveria pegar esse id, e abrir uma <ul>, que é uma lista de telefones chamada de um banco de dados.

<div id='exibe_fones'>
    <ul id= '$id_lista' class='lista_fones'>
        <li class='fone_n'>9999-9999</li>
    <li class='fone_n'>9999-9999</li>
    </ul>
</div>

O meu jQuery está assim:

/* EXIBE FONES */
$(".lista_fones").hide();

$(".botao_f ").click(function () {
    var id = $(this).attr('id');
    if ($("#"+id+"_lista").is(":hidden")) {
        event.preventDefault();
        $("#"+id+"_lista").slideDown("normal");
    } else {
        event.preventDefault();
        $("#"+id+"_lista").slideUp("normal");
    }
});

Quando eu passo o parâmetro direto com a numeração, tais como id=10, e no <ul> 10_lista, ele abre normalmente, só que somente na primeira posição (eu tenho uma lista de 10 telefones em sequência).

Como eu posso passar o $id e chamar o $id_lista para eu poder abrir a lista de telefones no local certinho?

Alguém tem alguma idéia?

Obrigado.