Toggle Class written in ES

_toggle.js

class Toggle {
  constructor(element) {
    this.trigger = element;
    this.triggerText = this.trigger.textContent;
    this.triggerAlternativeText = this.trigger.dataset.toggleTriggerAlternativeText;
    this.triggerActiveClass = this.trigger.dataset.toggleTriggerActiveClass;
    this.targetIDs = JSON.parse(this.trigger.dataset.toggle);
    this.targets = [];

    this.targets = this.targetIDs.map(id => document.getElementById(id));

    this._bindEvents();
  }

  _bindEvents() {
    this.trigger.addEventListener('click', (event) => this._toggle(event));
  }

  _toggle(event) {
    event.preventDefault();
    if (this.triggerAlternativeText) {
      this._updateTextContent();
    }

    this.trigger.classList.toggle(this.triggerActiveClass);
    this._toggleTargets();
  }

  _toggleTargets() {
    this.targets.forEach((element) => {
      let targetActiveClass = element.dataset.toggleTargetActiveClass;
      element.classList.toggle(targetActiveClass);
    });
  }

  _updateTextContent() {
    [ this.trigger.textContent,
      this.trigger.dataset.toggleTriggerActiveTextContent,
    ] = [
      this.triggerAlternativeText,
      this.triggerText ],
    [ this.triggerText,
      this.triggerAlternativeText,
    ] = [
      this.trigger.textContent,
      this.trigger.dataset.toggleTriggerActiveTextContent,
    ];
  }
}

Array.from(document.querySelectorAll('[data-toggle]')).forEach((element) => {
  new Toggle(element);
});