How to expand/collapse text elements vertically in side by side columns without affecting each other?

Hi there,

I’ve got a number of expand/collapse text boxes I’d like to use on a page. The basic structure includes two expand/collapse elements side by side with multiple rows below.

I have the code working for the expand/collapse elements, however, when I expand a text box in “column 1” it also creates a blank expand space in “column 2” in the same row and visa versa.

How can I avoid having each column affect the other with a blank space when one element is expanded?