Tengo un botón que cuando el usuario hace clic en él, los números de teléfono aparecerán lentamente.

Aquí están los códigos HTML:

 <span id="show-phone-numbers" class="btn btn-success"> <i class="fe fe-phone-call"></i> Show Phone Number </span> <div class="media margin-top-20" id="phone-number-section" style="display:none"> <div class="media-body text-center"> <a href="tel:00000000"> <p class="btn btn-outline-primary"> <i class="fe fe-phone-call"></i>    somephonenumber </p> </a> <a href="tel:00000000"> <p class="btn btn-outline-primary"> <i class="fe fe-phone-call"></i>    somephonenumber </p> </a> </div> </div>

Y aquí están los guiones:

 $("#show-phone-numbers").on("click",function(){ $("#phone-number-section").toggle("slow"); });

El problema es cuando hago clic en el botón "Mostrar número de teléfono", no pasa nada, incluso en la consola veo que no pasa nada

Busqué sobre el error pero no pude encontrar una manera que me ayudara a manejar este error.