[JAVASCRIPT] Efeito Toogle em mais de uma DIV

[andrefv]

EDIT: DÚVIDA JÁ SOLUCIONADA.

Galera, seguinte, tenho noções muito básica de javascript e peguei este código para implementar em uma página HTML que estou fazendo:
 http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-accordion.php



Resumindo, eu preciso clicar em um botão para mostrar um conteúdo de uma DIV. E quando clico no botão novamente o conteúdo some. Até aí ok, funcionou numa boa.



Porém, eu preciso aplicar esta função em mais de um botão na mesma página, onde cada DIV possui um ID diferente que é chamado no Script.



Então tenho o script:

<script type="text/javascript">
$(document).ready(function(){
    $(".button").click(function(){
        $("#combinado1").collapse('toggle');
    });
});
</script> 



Onde .button é o estilo CSS do botão e #combinado1 é o ID de uma DIV.



Para um botão este código acima funciona perfeitamente.

No meu raciocínio lógico, para funcionar em mais de um botão, eu tentei aplicar o seguinte:



<script type="text/javascript">
$(document).ready(function(){
    $(".buttton").click(function() { 
     if ($("#combinado1")) {
$("#combinado1").collapse('toggle');

} else if
($("#combinado2")) {
$("#combinado2").collapse('toggle');
    }
});
});

</script>

O código dá leitura e tal mas não funciona. Qual seria o correto?

Editado Abril 10, 2015 por andrefv