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?