У меня создана кнопка HTML, и я хочу переключать текст, отображаемый на кнопке, между двумя текстами, используя Javascript / JQuery. Как мне это сделать?

В настоящее время у меня есть:

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

Кнопка начинается с отображения «Показать», затем переключается на «Скрыть» при нажатии и затем переключается на «Показать» при повторном нажатии и далее. Я попытался изменить значение тега, но он не меняет отображаемый текст. Может кто-нибудь помочь с сценарием? Спасибо