Mam utworzony przycisk HTML i chcę przełączyć tekst wyświetlany w przycisku między dwoma tekstami za pomocą Javascript / JQuery. Jak mam to zrobic?

Obecnie mam:

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

Przycisk zaczyna się od wyświetlenia „Pokaż”, a następnie po kliknięciu przełącza się na „Ukryj”, a następnie ponownie otwiera się na „Pokaż”. Próbowałem zmienić wartość tagu, ale nie zmienia on wyświetlanego tekstu. Czy ktoś może pomóc w skrypcie? dzięki