// source --> https://uniquewaterontharders.nl/wp-content/themes/template_child/assets/js/benefits.js?ver=1 
function toggleBenefit(id) {
    const contentWrapper = document.querySelector('.content-wrapper--' + id);
    const benefitButton = document.querySelector('.benefit-button--' + id);
    const wrappers = document.querySelectorAll('.benefit-content-wrapper');
    const buttons = document.querySelectorAll('.benefit-button');


    if (contentWrapper.classList.contains('content-wrapper--open')) {
        contentWrapper.classList.remove('content-wrapper--open');
        benefitButton.classList.remove('benefit-button--toggled');
    } else {
        contentWrapper.classList.add('content-wrapper--open');
        benefitButton.classList.add('benefit-button--toggled');
    }

    wrappers.forEach(wrapper => {
        if (wrapper.dataset.id != id) {
            wrapper.classList.remove('content-wrapper--open');
        }
    });

    buttons.forEach(button => {
        if (button.dataset.id != id) {
            button.classList.remove('benefit-button--toggled');
        }
    });
};