Как в jquery поменять стили у 2х разных блоков?

Question

[Николай Добрынин]

Нужно после нажатия кнопки 1элементу дать стиль display:none, а второму displey:inline

я попробовал вот так

jQuery(document).ready(function($) {

var contact_left = document.getElementById("contact_left");
var text_contact_left = document.getElementById("text_contact_left");
var btn = document.getElementById("btn");
console.log(window.innerWidth);

btn.onclick = () => .contact_left = (.contact_left == "display:inline")?"display:inline":"display:none";
btn.onclick = () => .text_contact_left = (.text_contact_left == "display:none")?"display:none":"display:inlinee";
};

но оно не работает

вот html

<div class="text_contact_left" id="text_contact_left">
                		<h3>Вы уже заполнили данную форму</h3>
                	</div>
                    <div class="contact_left" id="contact_left">
                        <h3>get in touch</h3>
                        <p>In order to get in touch use the contact form below:
                        </p>
                        <form id="contactForm" action="handler.php" method="post">
                            <input type="text" id="name" name="name" value="name (Required)" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}">
                            <input type="text" id="email" name="email" value="email (Required)" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}">
                            <input type="text" id="phone" name="phone" placeholder="phone (Requered)">
                            <textarea  name="message" id="message" onfocus="if(this.value == 'Your Message here....') this.value='';" onblur="if(this.value == '') this.value='Your Message here....;">Your Message here....</textarea>
                            <span class="btn-right"><input id ="btn" type="submit" value="SEND"></span>
                               <div class="result">
				                       <span id="answer"></span>
				                       <span id="loader"><img src="images/loader.gif" alt=""></span>
		                         	 </div>
                        </form>
                    </div>

Comments

[Andrew]

я может что-то упустил в JS'е, но откуда вы взяли такую запись:

btn.onclick = () => .contact_left = (.contact_left == "display:inline")?"display:inline":"display:none";

Что такое .contact_left ?
и почему у вас элемент должен быть равен 'display: inline'?
Почитайте что-то самое базовое по JS'у(learnjavascript) или что-то по jQuery, таких вопросов не будет появляться.

[Николай Добрынин]

Andrew, запись попробовал составить сам.
.contact_left это id= блока
на самом деле я просто не придумал чем заменить displey:none. Идея такая после того, как человек заполнил и отправил форму, она скрылась и вместо нее вывелась надпись, которая в text_contact_left, а потом я пытаюсь записать эти данные в localStorage что бы этот стиль для конкретного пользователя не менялся и он видел надпись. Блин, надо же как то сделать проверку еще что форма отправилась.