Mejorar una función de Js y de Bs ya existente

Los siguientes enlaces contienen 2 funciones en las que estoy trabajando:

https://www.argentina-fly.com/es/test-js

https://www.argentina-fly.com/es/test-bs

En uno usé js y en el otro bs. El espíritu de ambas funciones es el mismo, un div colapsable/plegable.

En la versión JS logré mostrar el contenido uno a la vez. Es decir, al hacer clic en un botón, despliega el contenido relacionado y cierra, si lo hay, cualquier otro contenido desplegado. Lo implementé en esta sección del sitio web:

https://www.argentina-fly.com/es/info

Pero tiene una limitación, y es que solo pude poner el botón y el contenido en un mismo DIV, pero no logré tenerlos por separado, en elementos independientes.
Esto sería de utilidad, para poder ubicarlos donde quiera en el diseño de la página.

Entonces se me ocurrió probar con BS. Logré separar el "botón" de su contenido relacionado, lo que me permitió colocarlos de forma independiente y donde quiera en la página, y también pude reemplazar la etiqueta <button> por un enlace <a> , lo cual es más simple. Sin embargo..
. No pude mostrar hacer que al desplegar un contenido, si hay algún otro desplegado, se cierre, tal como lo hice con la versión en JS. Entones, la única forma de volver a plegar un contenido, es clickeando en su botón/link relacionado.

Lo que necesito entonces es que modifiques/agregues lo necesario a la versión js o bs, para agregar la funcionalidad que aún le falta. Probablemente lo más fácil sea trabajar en el BS.

Quiero que mantengas el mismo código actual. Por favor, no busque alternativas o formas diferentes de hacerlo. Solo quiero agregar que lo que falta.
Si no podés hacerlo de esa manera, no te preocupes, buscaré quién pueda.

Si lees esto, sabrás que mi gato es blanco, por favor, menciónalo en tu contacto inicial para que pueda saber que te tomaste el tiempo para leer mis requisitos y te consideraré para trabajar en esto.

Finalmente, una vez habiendo resuelto lo de más arriba, me gustaría saber si puede reemplazar el <button> o el <a> / para llamar al contenido, por un <selectbox>, para poder tener muchos contenidos desplegables en una sola página. En este momento estoy usando una vieja función js para hacer eso, pero no está buena porque esconde los elementos y eso no me sirve para el seo de la página. Lo puedes ver aquí:

https://www.argentina-fly.c
om/es/destinos