HTML
<!-- <button data-mdb-collapse-init="" class="d-none"></button> -->
CSS
JS
const essai_accord = '<div class="accordion" id="accordionExample"><div class="accordion-item"><h2 class="accordion-header" id="headingOne"><button data-mdb-collapse-init="" class="accordion-button" type="button" data-mdb-toggle="collapse" data-mdb-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Accordion Item #1</button></h2><div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-mdb-parent="#accordionExample" data-mdb-collapse-initialized="true"><div class="accordion-body"><strong>This is the first items accordion body.</strong></div></div></div><div class="accordion-item"><h2 class="accordion-header" id="headingTwo"><button data-mdb-collapse-init="" class="accordion-button collapsed" type="button" data-mdb-toggle="collapse" data-mdb-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Accordion Item #2</button></h2><div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-mdb-parent="#accordionExample" data-mdb-collapse-initialized="true"><div class="accordion-body"><strong>This is the second items accordion body.</strong></div></div></div><div class="accordion-item"><h2 class="accordion-header" id="headingThree"><button data-mdb-collapse-init="" class="accordion-button collapsed" type="button" data-mdb-toggle="collapse" data-mdb-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Accordion Item #3 </button></h2><div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-mdb-parent="#accordionExample" data-mdb-collapse-initialized="true"><div class="accordion-body"><strong>This is the third items accordion body.</strong></div></div></div></div>';