← back to the module index

Test: accordion


API test for Toggle, Open and Close

Here some content that is just collapsible via our accordion function
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi magni, nobis laborum dolorum ex excepturi perferendis, pariatur id odit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi magni, nobis laborum dolorum ex excepturi perferendis, pariatur id odit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi magni, nobis laborum dolorum ex excepturi perferendis, pariatur id odit.


Without body

Accordion open by default

Here is some accordion content

Accordion closed by default

Here is some accordion content.

Accordion slow

Here is some accordion content.

Accordion with all callbacks

Here is some accordion content.

Accordion group



With body

Accordion open by default

Here is some accordion content

Accordion closed by default

Here is some accordion content.

Accordion slow

Here is some accordion content.

Accordion with all callbacks

Here is some accordion content.

Accordion group

  • Here is some accordion content

    Here is some accordion content

    Here is some accordion content.

  • Here is some accordion content

    Here is some accordion content

    Here is some accordion content

  • Here is some accordion content

    Here is some accordion content

    Here is some accordion content

Without body

Accordion open by default --dark

Here is some accordion content

Accordion closed by default --dark

Here is some accordion content.

Accordion slow --dark

Here is some accordion content.

Accordion with all callbacks --dark

Here is some accordion content.

Accordion group --dark



With body

Accordion open by default --dark

Here is some accordion content

Accordion closed by default --dark

Here is some accordion content.

Accordion slow --dark

Here is some accordion content.

Accordion with all callbacks --dark

Here is some accordion content.

Accordion group --dark

  • Here is some accordion content

    A nested accordion
    Here is some accordion content

    Here is some accordion content.

  • Here is some accordion content

    Here is some accordion content

    Here is some accordion content

  • Here is some accordion content

    Here is some accordion content

    Here is some accordion content

Accordion open by default on alt

Here is some accordion content

With body on alt

Accordion open by default --alt

Here is some accordion content

Accordion --dark open by default on alt

Here is some accordion content

With body on dark and alt

Accordion --dark open by default

Here is some accordion content