Collapsing

Fonctions utilitaires disponibles en stand-alone afin d'être utilisées dans votre propre code. Importez-les via @overdog/fn/utils

Installation

openAllAccordions

Property	Type	Description
wrapper	HTMLElement	Wrapper div qui regroupe vos accordions

import { openAllAccordions } from "@overdog/fn/utils"

Exemple d'utilisation

const MY_BUTTON = document.getElementById("my-button-id")
const ACCORDIONS_WRAPPER = document.getElementById("accordions-wrapper-id")

if (MY_BUTTON) {
   MY_BUTTON.addEventListener("click", () => {
      openAllAccordions(ACCORDIONS_WRAPPER) // this will open all accordions inside your wrapper
   })
}

collapseAllAccordions

Property	Type	Description
wrapper	HTMLElement	Wrapper div qui regroupe vos accordions

import { collapseAllAccordions } from "@overdog/fn/utils"

showAccordionContent

Property	Type	Description
accordion	HTMLElement	Div autour de votre accordéon
heading	HTMLElement	Habituellement, le button element. Pour aria-expanded.
targetContent	HTMLElement	Le div de votre contenu

import { showAccordionContent } from "@overdog/fn/utils"

hideAccordionContent

Property	Type	Description
accordion	HTMLElement	Div autour de votre accordéon
heading	HTMLElement	Habituellement, le button element. Pour aria-expanded.
targetContent	HTMLElement	Le div de votre contenu

import { hideAccordionContent } from "@overdog/fn/utils"