Добавление свойства элементу при фокусе на input и удаление 'этого свойства при нажатии на другой элемент?

Question

[sweezy]

Есть блок с position:fixed и top:20px. В нем находится форма, которая выезжает при нажатии на элемент списка. При нажатие на ее поле, блок поднимается вверх и принимает position : absolute и top:0. Нужно решение , чтобы при нажатии на кнопку "отправить" и элемент списка, блокп принимал первоначальное значение position:fixed и top:20px

<ul class="connectform" id="but1">
<li id="blink3"><span>Закажите звонок</span><i class="fa fa-envelope"></i></li>
<form id="callback" class="pop_form">
			<input type="text" id="phone" name="phone" placeholder="Ваш телефон" required>
			<input type="text" id="name" name="name" placeholder="Ваше имя" required>
			<input type="text" id="loco" name="loco" placeholder="Ваш адрес" required>
			<textarea type="text" name="message" placeholder="Опишите фронт работ..." required /></textarea> 
			<button class="button" type="submit">Отправить</button>
		</form>
		</ul>

ul.connectform {
	position: fixed;
    top: 20px;
	left:-205px;
	padding:0;
    z-index: 999;
    list-style-type: none;
	font-size:26px;
	text-align:right;
	transition: all 1s ease;
	opacity:0.6

Answer 1

[Anton fon Faust]

И в чем проблема?
По клику на элемент списка назначаем один класс.
По нажатию на кнопку - убираем этот класс.