Tengo un botón HTML creado y quiero alternar el texto que se muestra en el botón entre dos textos usando Javascript / JQuery. ¿Cómo hago esto?

Actualmente tengo:

<button onclick="showAll();" class="collapse-classes">
    <span class="button-text">Show</span>
</button>

El botón comienza con "Mostrar" y luego cambia a "Ocultar" cuando se hace clic y luego se cambia a "Mostrar" cuando se hace clic de nuevo y en adelante. Intenté cambiar el valor de la etiqueta pero no cambia el texto que se muestra. ¿Alguien puede ayudar con el guión? Gracias