CSS/HTML to create two side-by-side, equal-width, collapsible columns, which retain column width after expanding, using flexbox?

Question

This is my first question here, as I am a newbie, so I hope I can explain what I need...

I am trying to create two collapsible "buttons" side-by-side (each