dataToggle.js

dataToggle.js

const dataToggle = {

    init(){
        this._els = document.querySelectorAll('[data-toggle]') || [];
        this._bindEvents();
    },

    _bindEvents(){
        [].forEach.call(this._els, (el) => {
            el.addEventListener('click', () => this._toggleTarget(el), false);
        });
    },

    _toggleTarget(el){
        const targetSelector = el.getAttribute('data-toggle-target');
        const className = el.getAttribute('data-toggle');
        const targetEl = document.querySelector(targetSelector);

        targetEl.classList.toggle(className);
    }

};