Para permitir que el submenú dado dentro de su barra de navegación implemente correctamente la función de acordeón, use el código de 1 de las 3 secciones de ejemplos de acordeón que se encuentran en esta página: https://getbootstrap.com/docs/5.0/components/accordion/ .
Los ejemplos en vivo proceden de cada pieza de código. Y una vez que haya descargado el archivo js y CSS para arrancar en su entorno (que se encuentra aquí https://getbootstrap.com/docs/5.0/getting-started/download/ ), luego puede copiar y pegar el código de ejemplo html preferido en su IDE y luego ejecutar su página html guardada para ver el ejemplo completamente funcional.
Verá que Boot strap usa etiquetas con clases e ID para crear la función de acordeón dentro del código html de muestra. Toda la información div se refiere al javascript de arranque donde se administran todas las acciones/eventos para permitir el producto terminado (es decir, mover submenús)
Una vez que pueda ejecutar el código de muestra, puede pasar a fusionar el código de muestra con su código html para lograr su objetivo. Para esto, recomendaría crear un archivo temporal que le permita modificar el código sin estropear accidentalmente su archivo original. Esto supone que aún no está utilizando un repositorio de git.
Gracias.
.