If you want something to be toggled from hidden to visible and make that shift the elements underneath then all the elements need to be nested within one group. Also any element that will be hidden needs to have the box checked that is labeled ‘Collapse this element’s height when hidden’.
This is how it looks in the editor:
This is how it looks when collapsed on preview:
This is how it looks when opened on preview:
From looking at your pictures, it seems everything is not in one group together.