I am avoiding bootstrap and other frameworks and want to use pinegrow’s native animation tool to create a simple expanding div so that when the user clicks on a + it toggles just one div below. I tried this several ways but it didn’t work very smoothly. I’ve tried collapsing the height but it squashes the text, I’ve tried rotation around the x axis but then you need to transform the origin or position (which I find a little confusing). I know there are tutorials and they see great but overly complex for such a seemingly simple interaction.
So basically something that just does what the top accordion does here https://codepen.io/kamelagandhi/pen/WjOpVY
Of course I can copy the code but I want to create more interactions around it. Any help or examples appreciated.