ScrollView with dynamically and varying sized elements

Hello,

I am trying to build a scrollview of buttons which can expand/collapse when clicked

Something along these lines:

View attachment 162074


And then imagine you click on one of these scrollview elements and you get something like this:

View attachment 162075

But ideally without things overlapping like that obviously.

Could anyone give me any pointers on how I can do it?

I've followed this excellent tutorial for the basic setup of my scrollview:...

ScrollView with dynamically and varying sized elements