flipper.js

function (event) {
    event.preventDefault();

    const activate = document.getElementById(this.dataset.activate);
    const deactivate = document.getElementById(this.dataset.deactivate);

    deactivate.classList.add('inactive');
    deactivate.classList.remove('active');

    setTimeout(() => {
        deactivate.classList.add('hidden');
        activate.classList.remove('hidden');

    }, 350);

    setTimeout(() => {
        activate.classList.remove('inactive');
        activate.classList.add('active');
    }, 700);
}