cognigy: js accordion

accordion-gsap-flip.js

// core version
import { gsap } from "gsap";
import { Flip } from "gsap/flip";
gsap.registerPlugin(Flip);

// Accordion for Task
const groups = gsap.utils.toArray(".accordion-group");

groups.forEach(el => {
    el.addEventListener("click", () => toggleMenu(el));
});

function toggleMenu(el) {
    let state = Flip.getState(el.querySelector(".accordion-content"));
    el.classList.toggle("active");
    Flip.from(state);
}