Change button text onclick and show/hide element.

button.html

<script>
  function toggleHidden() {
  document.getElementById("solution").classList.toggle('hidden');
  if ( document.getElementById("solution").classList.contains('hidden') ) {
    document.querySelector('#btn').innerText = 'Показать решение';
  } else {
    document.querySelector('#btn').innerText = 'Скрыть решение';
  }
}
</script>

<style>
  .hidden { display: none;}
</style>

<p> Текст задачи. </p>

<p class="hidden" id="solution"> Решение задачи. </p>

<button onclick="toggleHidden()" id='btn'> Показать решение. </button>