Tengo el siguiente fragmento de código que necesito para actualizar un botón de arranque cuando se abre o cierra un archivo colapsado. Sin embargo, la parte del icono se está actualizando pero es imposible actualizar el texto del botón y no tengo idea de por qué.

Mi nivel de javascript es muy bajo y simplemente estoy usando parte del código que puedo encontrar en SOF o en cualquier otro lugar de Internet.

JavaScript

 $('#more-properties').on('hidden.bs.collapse', function () { var icon = document.getElementById("icon-more-properties"); icon.setAttribute('class', 'fas fa-angle-down pr-2'); var btn = document.getElementById("btn-more-properties"); btn.textContent('More properties'); }); $('#more-properties').on('shown.bs.collapse', function () { var icon = document.getElementById("icon-more-properties"); icon.setAttribute('class', 'fas fa-angle-up pr-2'); var btn = document.getElementById("btn-more-properties"); btn.textContent('Less properties'); });

Botón de arranque

 <div class="col-12 text-center" id="btn-div"> <button class="btn btn-outline-dark shadow-none collapsed" id="btn-more-properties" type="button" data-toggle="collapse" data-target="#more-properties" style="border-radius: 0 !important;"> <i id="icon-more-properties" class="fas fa-angle-down pr-2"></i>More properties</button> </div>

¿Alguien puede decirme por qué no funciona? No puedo encontrar ningún problema similar en iternet.

Gracias de antemano por su ayuda.