Dlaczego zmiana widoczności / wyświetlania nie działa?

Wpadłem na pomysł, aby po kliknięciu, które pojawiło się pole wyboru i rozciągnęło, zrobić „przycisk” wyszukiwania. Jednak zamiast używać niewidocznego pola wyboru, postanowiłem spróbować użyć etykiety, ponieważ kliknięcie etykiety spowoduje skupienie się na elemencie, do którego jest podłączona etykieta. I podczas gdy skupienie i wykonywanie podstawowych transformacji działają, nie mogę ukryć ani pokazać pola tekstowegovisibility: hidden/visible lubdisplay: none/inline-block. I nie chcę polegać tylko na kryciu, ponieważ pole tekstowe można znaleźć / kliknąć, nawet gdy jest ukryte.

Bieżąca próba:JsFiddle

Dlaczego to nie działa? Co ja robię źle?

questionAnswers(4)

yourAnswerToTheQuestion