# Accordion component animation? **URL:** \ **Category:** Ignition\ **Tags:** ignition80, perspective\ **Created:** [August 19, 2021, 3:03pm UTC](https://forum.inductiveautomation.com/t/accordion-component-animation/50107 "2021-08-19T15:03:51Z")\ **Posts on this page:** 3\ **Page:** 1
**Author:** ![eberly88](https://avatars.discourse-cdn.com/v4/letter/e/3da27b/32.png) [@eberly88](https://forum.inductiveautomation.com/u/eberly88)\ **Post date:** [August 19, 2021, 3:03pm UTC](https://forum.inductiveautomation.com/t/accordion-component-animation/50107/1 "2021-08-19T15:03:52Z")
Is there a way to add a transition animation to the accordion component? I tried adding a transition to .ia\_accordionComponent\_\_body–collapsed, but I don’t believe it works because the flex-grow value is 0. I’m using the component in my sidebar nav and would like to smooth the collapse and expand transition. If not - I’ll attempt to create a component with react-metismenu or just use the webdev module. ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [August 20, 2021, 7:02am UTC](https://forum.inductiveautomation.com/t/accordion-component-animation/50107/2 "2021-08-20T07:02:24Z")
Doesnt appear there is. I dont think there is a need to make them in a webdev module tho. you can simulate an accordion just fine using the normal containers and some scripts ---
**Author:** ![Noah\_Gilgo](https://avatars.discourse-cdn.com/v4/letter/n/c89c15/32.png) [@Noah\_Gilgo](https://forum.inductiveautomation.com/u/Noah_Gilgo)\ **Post date:** [December 17, 2024, 6:26pm UTC](https://forum.inductiveautomation.com/t/accordion-component-animation/50107/3 "2024-12-17T18:26:42Z")
Are there any projects you know of that simulate the accordion as you spoke of? I ran into this animation problem several days ago and I've been trying to develop an "accordion" since, but I haven't had any luck.