Как спрятать div при нажатиии в этом исполнении?

Question

[kursof1]

Есть такой небольшой код для обратной связи и я тут заморочился с ним. вопрос, как же при нажатии прятать то куда нажимал и открывать другой блок(что уже работает). И так же сделать наоборот, нажимая на второй блок(прячась) что бы открывался первый.

<a onclick="onclickVhod();" id="idExid"class="popup_toggle">
<div class="circlephone" style="transform-origin: center;"></div>
<div class="circle-fill" style="transform-origin: center;"></div>
<div class="img-circle" style="transform-origin: center;">
<div class="img-circleblock" style="transform-origin: center;"></div></div>
</a>	

<span onclick="onclickExid()" id="idVhod" ><span id="ugcontcal"></span></span>

var idVhod = document.getElementById('idVhod');

function onclickVhod() {
  idVhod.style.display = (idVhod.style.display == 'inline') ? '' : 'inline';
  localStorage.setItem('hide', idVhod.style.display); // сохраняем значение в ключ hide
}

if(localStorage.getItem('hide') == 'inline') { // если значение ключа hide "inline"
  document.getElementById('idVhod').style.display = 'inline';
}

var idExid = document.getElementById('idExid');

function onclickExid() {
  idExid.style.display = (idExid.style.display == 'none') ? '' : 'none';
  localStorage.setItem('hide', idExid.style.display); // сохраняем значение в ключ hide
}

if(localStorage.getItem('hide') == 'none') { // если значение ключа hide "none"
  document.getElementById('idExid').style.display = 'none';
}

jsfiddle.net/ryb4uexf/3

Answer 1

[AngReload]

Это нужно?
https://codepen.io/AngReload/pen/GYbvpX

Comments

[kursof1]

спасибо большое, но мне нужно что бы действия сохранялись после перезагрузки localStorage
просто как пришыть не знаю.

[yanis_kondakov]

kursof1, у вас об этом в вопросе ни слова. Создавайте новый вопрос

[AngReload]

kursof1, тогда js должен немного поменяться:

var state = localStorage.toggleKey === 'true' ? true : false;
var idVhod = document.getElementById('idVhod');
var idExid = document.getElementById('idExid');

function setStyles(show) {
  idVhod.style.display = show ? 'inline' : 'none';
  idExid.style.display = !show ? 'inline' : 'none';
}

setStyles(state);

function myToggle() {
  state = !state;
  localStorage.toggleKey = state ? 'true' : 'false';
  setStyles(state);
}

idVhod.addEventListener('click', myToggle);
idExid.addEventListener('click', myToggle);

[kursof1]

AngReload, ++++++++ Это работает