Hide / Show box

hsbox.html

<div class="hs__title">Click here</div>
<div class="hs__content">Content</div>

hsbox.js

var triggers = Array.from(document.querySelectorAll('[class="hs__title"]'));
window.addEventListener('click', (ev) => {
  if (ev.target.classList.contains("hs__title")){
    ev.target.nextSibling.classList.toggle("show");
  }
}, false);

hsbox.scss

.hs__title{
  border: 1px solid #666;
  padding: 5px 10px;
}
.hs__content {
  height: 0;
  overflow: hidden;
  &.show {
    height: auto;
  }
}