localStorage — технология хранения данных в браузере. Применяется для «запоминания» состояний интерфейсов, идентификационных данных, либо другой информации.
<style>
#idVhod {display: none; /* изначально скрыт */}
</style>
<button onclick="onclickVhod()">открыть</button> <span id="idVhod">скрытый текст</span>
<script>
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';
}
</script>
Применение технологии в вариантах расположения товаров в виде блоков или линий:
localStorage.removeItem('construct', 'blocks');
localStorage.setItem('construct', 'lines');
Пример работы, если нажать кнопку — появится текст, при перезагрузке браузера текст останется. Если спрятать текст и перезагрузить то текста не будет и т.д.