Javascript-форум - Ошибка в коде, но я её не вижу

Доброй ночи :)
Прошу простить за ламерский вопрос, но я не могу понять, почему фукция не срабатывает :(.
вот функция

function check_field1 ()
		{alert("dfg");
		document.getElementById("city").style.visibility=visible;
		document.getElementById("but1").style.display=none;
		document.getElementById("but2").style.display=block;			
		
		}

вот она вызывается

<img src="/attachments/Image/check_false.png" onClick="check_field1()" id="but1" style="margin-bottom:2px;"/>
<img src="/attachments/Image/check_true.png" onClick="check_field2()" id="but2" style="margin-bottom:2px;"/>
<span>Необходимо</span>

Вот это поле должно появлятся после нажатия картинки

<div id="city" class="form-item">
			
				<input type="text" placeholder="Написать вещь" class="field_city" id="widget-e71a7f34-66c7-864a-dd4f-efc596850c2f-field-city" name="city"/>
				
			</div>

вот css для трех этих элементов

#city {visibility:hidden}
#but1 {display:block}
#but2 {display:none}

И вот по нажатию на картинку alert срабатывает, а все остальные строчки функции уже нет.

Подскажите пожалуйста, уже 2 часа пытаюсь понять, что же я написала не так :(