I followed the guide to show elements on click, it works for the first one but when I copy and paste the “expanding section” It does not carry over the interactions.
Yep, you got it! The initial state is 0px height and then transitions to Auto height.
One missed step was changing the trigger settings to be based on the class instead of the individual element. This would save you from adding the interaction to each Question div. Another benefit is if in the future you add more Q&As the interaction will already be working with no extra work.
You can place anything you’d like inside that inner wrapping div such as icons, illustrations, media, or rich text. Flexibility going forward is always a great thing. So @designmark, are you happy with how it turned out?
It stops working because you have an initial state for The Answer div on both interactions that are conflicting. The Hide interaction does not need an initial state. Just a .5s transition to 0px.
Hey @kevsav, can you please provide the Read-Only link for the project.
At a glance, from the published url, it looks like the interaction may only be changing the display property only. The height property needs to also be animated. See if you can follow the instructions above for your project.