Lege plaats onder relative geplaatst element

[martijn12321]

Hallo,

Ik heb een pagina waar ik een textbox pas zichtbaar wil maken als er op een checkbox word geklikt. Omdat deze naar onder moet schuiven heb ik deze css aan de textbox toegevoegd:

position: relative;
  top:-20px;
  z-index:-1;
transition:top 2s;

Met JS zet ik de top naar 0px als er op de checkbox word geklikt.
Het probleem is dat er, ook als de textbox verborgen is, er een witte regel staat op de plek waar de textbox zou staan!
Hoe fix ik dit?
Hier is de link: http://playground.smartthinker.nl/martijn/photo/url/shortener.php (het gaat om het custom vinkje)
Heel erg bedankt!

 

[rv94]

Het makkelijkste is om display:none; te gebruiken als het veld verborgen moet zijn, daarna gebruik je display:block in je javascript code om hem zichtbaar te maken.