Button кнопка

По клику появляется div с содержимым, по клику скрывается.

by akogch

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>JS Bin</title>
  </head>

  <body>
    <button id="button">hidden</button>
    <div id="text">Аслан</div>
  </body>
</html>

CSS

#text {
  width: 300px;
  height: 300px;
  background-color: #f00;
  margin-left: 200px;
}

JavaScript

button.onclick = function () {
  var text = document.getElementById("text");
  if (text.hidden) {
    this.innerHTML = "hidden";
    text.hidden = false;
  } else {
    text.hidden = true;
    this.innerHTML = "show";
  }
};