Expanding and collapsing panels dynamically

When i try to enable a hidden panel dynamically on a button click, it shows on top of the below panels/texts. how to resolve this issue?,I am pretty new to app development using unity. Can someone please help to implement a page with the following functionality?

When i load the page first time i show a list of names vertically aligned - I am able to do this using panels

When someone click on any of the names (panels), i want to expand that particular name and dynamically add other panels with their address and other details - I am trying to accomplish this by enabling a hidden panel. That pael which i am enabling was hidden when i render the page initially. But the issue is, the other names below the one i clicked did not move relative to the newly enabled panel. So the newly visible panel showing on top of the other names/panel.

Can someone help me to implement this?


I do a “trick” for this issues.

I do an animation for the object (text in this case). The animation moves the text and make it grow from scale (0,0,0) to (1,1,1) while moving, creating a nice effect.

Bye!