I recently followed the advice in this thread to create collapsible sections for one of my sharepoint forms. It mostly works, but there's a minor issue I haven't been able to work around.
Take my "Customer Service/Safety Skills" section as an example.
When the form first loads, all icons/data cards are visible, which causes a bit of a mess:

On mouse-click, the Downward Arrow Disappears:

After this point, the form works as expected: Clicking on the upward arrow collapses the section, clicking on the downward arrow opens it.
Section Open
Section Closed
I'd really like the form to load with all sections closed by default, and remove the buggy, over-lapping arrows. Any suggestions on how to do so?