Как показать скрытый блок?

Question

[KataGol]

Что нужно дописать в данном скрипте, чтобы после нажатия кнопки "Показать текст" снова появлялся текст, который мы скрыли?

<div class="content-area">
            <h5 id="text">CONTENT AREA</h5>
            <button id="hideBtn">Скрыть текст</button>
 </div>

document.getElementById ('hideBtn').onclick = function() {
    document.getElementById ('text').hidden = true;   
    document.getElementById ('hideBtn').innerHTML = "Показать текст";
};

Answer 1

[Тигран Абрамян]

<div class="content-area">
  <h5 id="text">CONTENT AREA</h5>
  <button id="hideBtn">Скрыть текст</button>
</div>

.hide-and-show {
  display: none;
}

const btn = document.getElementById('hideBtn');

btn.addEventListener('click', function() {
  document.getElementById('text').classList.toggle('hide-and-show');
  if (btn.innerHTML === 'Показать текст') {
    btn.innerHTML = 'Скрыть текст';
  } else {
    btn.innerHTML = 'Показать текст';
  }
})

Comments

[KataGol]

TAbrahamyan Спасибо вам огромное! Подскажите пожалуйста, а const обязательно нужно указывать или можно через let?

[Тигран Абрамян]

KataGol, Не обязательно, можно и var указать.

[KataGol]

Спасибо!