Question

I would like to hide some form elements and only show them when I need them.

The problem with my code is that hidden elements still consume space.

Is there a solution to this problem?

Example code:

Link

Check element #choice. It is hidden but it still takes space in the website.

Answer 1

they don’t take place, but the surrounding

<br>

do…

either wrap in div

<div class="initiallyhidden">
<br/>    
<select>.....</select>
<br/>
</div>

and hide that, or leave our br and style the spacing