Conditional Fields Visible as Form Loads

I ran into the following issue which other users may also wrestle with ...

I have a search form with several conditional fields city/state --> country. As the form loads, the visitor can see all of the dropdown fields (which is very ugly). Once the form finished loading, the conditional fields disappear.

I was able to solve this with some CSS. I used the following example on Codepen to hack together a solution - http://codepen.io/anon/pen/jlfdG

Basically, the code uses animation display to transition in the search form after it's already loaded.