If I have only one section it goes smoothly on the close and opening but if I have two normally the text on the top one doesn’t follow the section and stays in front of the text of the bottom one. See by yourselfs: http://ttf.webflow.io/
You are making your text disappear by altering the size of its parent container. In order to have this to work, you have to give this containers the property overflow:hidden so that elements that goes outside of them are actually masked.