'use strict';
window.onload = function() {

  class Spoiler{
    constructor(spoiler) {
      this.spoiler = spoiler;
    }
    
    open() {
      this.spoiler.style.display = "block";
    }
    
    close() {
      this.spoiler.style.display = "none";
    }
  }
  
  function getSpoiler(target) {
    var spoilers = document.querySelectorAll('.spoiler > .spoiler-title');
    
    for (var i = 0; i < spoilers.length; i++) {
      if (spoilers[i] !== target) {
        continue;
      } else {
        return new Spoiler(spoilers[i].parentNode.querySelector('.spoiler-body'));
      }
    }
    return;
  }
  
  function onClick(e) {
    var spoiler = getSpoiler(e.target);
    if (spoiler.spoiler.style.display == 'block') {
      spoiler.close();
    } else {
      spoiler.open();
    }
  }
  
  window.addEventListener('click', onClick);
}