Pojawiający się input

Question

A więc, potrzebuję, aby po wyborze odpowiedniej opcji w selecie, pojawiał się dodatkowy input zaraz poniżej selecta. Wymyśliłem coś takiego, że początkowo input ten ma atrybuty: {visibility: hidden; position: absolute;}, a po wyborze odpowiedniej opcji zmienia się na visible i relative.

Czy jest to dobrze wykonane? Czy można to zrobić lepiej?

Answer 1

Można użyć display. 

Własność visibility: hidden sprawia, że dany element staje się niewidoczny dla użytkownika lecz wciąż jest widoczny w DOM. Element pozostawia pustą przestrzeń, którą zajmował.

Własność display: none sprawia, że dany element staje się niewidoczny dla użytkownika lecz wciąż jest widoczny w DOM. Element nie pozostawia pustej przestrzeni, którą zajmował.