animation demo

by hxtpoe

HTML

<div class="my-box">
  my box
</div>

CSS

.my-box {
  background-color: red;
  display: inline-block;
  padding: 5px;
  font-size: 28px;
  border-radius: 15px;
}

JavaScript

(function() {
 var visible = true;

 var el =   document.getElementsByClassName('my-box')[0];
 el.onclick = function() {
  	visible = !visible;
  };
})();