Estoy usando contenedores plegables de arranque en un sitio web para mostrar información, también estoy usando íconos de iones para tener un + y - para indicar cuándo el contenedor está abierto o cerrado, por alguna razón estoy luchando para orientar los íconos para ser capaz de cambiarlos, lo he intentado hasta ahora.

html

 <div class="accordion-item"> <div class="accordion-header w-100" id="headingOne"> <a class="collapsed w-100 d-flex justify-content-between align-items-center" id="toggle" data-bs-toggle="collapse" data-bs-target="#collapse-One" aria-expanded="true" aria-controls="collapse-One"> Title <ion-icon itemid="iconChange" name="add"></ion-icon> </a> </div> <div id="collapse-One" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionProductInfo"> <div class="accordion-body"> Info </div> </div> </div>

js

 var myCollapsible = document.getElementById('#toggle') myCollapsible.addEventListener('show.bs.collapse', function () { var icon = $("#iconChange"); icon.attr('name', 'remove-outline'); console.log(icon[0]); });

Sé que esto es solo para cambiarlo de una manera hasta ahora, pero ni siquiera puedo obtener un mensaje del registro de la consola.