How do I make collapsible button like this

In a Vertical arrangement, add one Horizontal arrangement (set clickable). In this Horizontal add one label (for 2) and one more any arrangement (for 1) , again add one label with symbol with image down arrow . Add another final labe (for 4) with visibility false

Now if the horizontal is clicked, change the arrow from down to up and set the id 4 visible to true. else change all the items in reverse

If you want to make same like in multiple then use compcreator or dynamic component extension