Community forum for knowledge and support

Updated last year

Animating accordion delays in a faq section

At a glance

The community member used and styled an FAQ section from Relume, and now wants to use the animation they created for each accordion. Currently, all accordions slide up together, but the community member would like to have a delay between each accordion. They are unsure if they need to create actions for each item individually, and whether they need to edit the interaction when adding a new accordion. The community member hopes there is a setting to handle each item separately.

In the comments, another community member requests a read-only link, which is then provided.

Useful resources

I used and styled an faq section from relume and now I would like to use the animation I created for each accordion. So at the moment all accordions slide up together, but I would like to have a delay between each of the accordions. How can I achieve that? Do I really have to create all actions for each item? And when I create an additional accordion I also have to edit the interaction? I hope there is a setting, that I didnt find, that handles each item seperately.

https://jam.dev/c/249aa74f-d25b-494d-8217-7f4d65e9d322

Add a reply
Sign up and join the conversation on Slack