Vinculando a um acordeão nested usando o Bootstrap 3

Primeiro de tudo, sou novo aqui, por favor, seja paciente comigo.

Eu tenho um acordeão nested, e o que eu gostaria de fazer é ter um link dentro de um acordeão nested para abrir um acordeão nested diferente. Agora, eu posso obter um link do Nested Accordion 2.1 para abrir o conteúdo do Nested Accordion 1.1. No entanto, ele não abre o Accordion 1, então parece que o link não faz nada. Quando você abre manualmente o Accordion 1, você pode ver que o Accordion 1.1 nested já está aberto.

Aqui está o meu código HTML:

 

Alguma sugestão para o que eu posso fazer para resolver isso? Atualmente não estou usando nenhum JQuery personalizado (apenas o material do Bootstrap), e eu sinto que seria útil adicionar alguns JQuery para isso, mas não tenho certeza por onde começar.

Tente adicionar o seguinte javascript ao seu projeto. Deixei comentários no código para descrever o que está acontecendo.

 // run the code inside this block only when the DOM is [ready][1] $(document).ready(function(){ // create event listen on accordion2-1's click event, [jQuery][2] $('#accordion2-1').on('click', function(evt, el){ // find accordion1 and toggle this element // "collapse" method is from [bootstrap][1] $('#accordion1').collapse('toggle'); }); });