export default (button, container) => {

  default_position();
  button.onclick = () => {
    const box_height = container.scrollHeight
    if (!container.classList.contains('active')) {
      container.classList.add('active')
      button.classList.add('active')
      container.style.height = box_height + 'px'
    }
    else {
      container.classList.remove('active')
      button.classList.remove('active')
      container.style.height = '0px'
    }

  }

  function default_position() {
    const box_height = container.scrollHeight
    container.style.transition = 'height 0.25s';
    container.style.overflow = 'hidden';

    if (container.classList.contains('active')) {
      button.classList.add('active')
      container.style.height = box_height + 'px'
    }
    else {
      button.classList.remove('active')
      container.style.height = '0px'
    }

  }

}