document.addEventListener('click', e => {
    const toggler = e.target.closest('[data-toggle]');
    if (toggler) {
        const target = e.target.closest(toggler.dataset.toggleTarget);
        if (target) {
            target.classList.toggle(toggler.dataset.toggle);
        }
    }
});

document.addEventListener('click', e => {
    if (e.target.closest('.dropdown-toggle')) {
        return;
    }
    const openContainers = document.querySelectorAll('.dropdown-container.open');
    if (openContainers.length) {
        if (!e.target.closest('.dropdown-container.open')) {
            // close open dropdowns instead of doing whatever the click would have done
            e.preventDefault();
            e.stopPropagation();
        }
        openContainers.forEach(i => i.classList.remove('open'));
    }
}, { capture: true });