Атрибут hidden

https://yocton.ru/html-elements/global-attributes/hidden

by yocton

HTML

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Hidden</title>
  </head>
  <body>
    <p id="sesame">Симсим, откройся!</p>
    <div id="cave" hidden>Пещера с сокровищами</div>
  </body>
</html>

JavaScript

sesame.onclick = function() {
  if (cave.hidden) {
    cave.hidden = false;
    sesame.innerHTML = "Симсим, закройся!"
  } else {
    cave.hidden = true;
    sesame.innerHTML = "Симсим, откройся!"
  }
}