2/3 of the way down the page there is a blue tabbed area - one of those tabs is for FAQs and I intend to have an accordion section within here.
When you open one of the accordion items it opens as expected, sets size to auto and rotates the icon. It does this in a liner model and as the size increases to display the text below you can see it becoming visible as the size increases. This transition is smooth.
When you click to close, the size of the dropdown starts to reduce but the text below just disappears, rather than stays where it is an become covered up. This transition is not smooth.
The close transition does not visually look as smooth with the instant disappearing of the text. I need to know how to fix this. Why is the text itself disappearing and not just being slowly covered, like it is slowly uncovered.
Here is my public share link: Webflow - IP Mock Website