Estoy trabajando en un proyecto basado en fuentes RSS en el que tengo que renderizar acordeones de forma dinámica mediante la manipulación de DOM.
Funciona bien al abrir un acordeón, pero no se cierra al alternar en el mismo acordeón. Aquí está mi función para representar acuerdos basados en algunos datos de respuesta
const renderAccordionSection = (index, id, title) => { let divAccordion = `<div class="accordion-item"> <button class="accordion-button ${index === 0 ? "" : "collapsed"}" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-${id}" aria-expanded="true" aria-controls="collapse-${id}"> ${title} </button> <div id="collapse-${id}" class="accordion-collapse collapse ${index === 0 ? "show": ""}" aria-labelledby="heading-${id}" data-bs-parent="#accordionId"> <div class="accordion-body"> <div id="indicator-${id}" class="carousel slide " data-bs-ride="carousel"> <div class="carousel-inner" id="carousel-inner-${id}"> </div> <div> <a class="carousel-control-prev" href="#indicator-${id}" role="button" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> </div> <div> <a class="carousel-control-next" href="#indicator-${id}" role="button" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> </div> </div> </div>`; return divAccordion; }