Всем привет, есть такой скриптец:
var openSerchButton = document.getElementById('hidden_content');
function onclickOpen() {
openSerchButton.style.display = (openSerchButton.style.display === 'inline') ? '' : 'inline';
localStorage.setItem('hide', openSerchButton.style.display);
}
if (localStorage.getItem('hide') === 'inline') {
document.getElementById('hidden_content').style.display = 'inline';
}
<button class="btnCollor btn btn-md btn-success"
data-toggle="tooltip"
data-placement="right"
title="Натисніть для виклику фільтра"
onclick="onclickOpen()">
<span>Кнопка</span>
</button>
</div>
<div id="hidden_content" style="display: none; margin-top: 15px;" class="container-fluid " >
<div class="panel panel-default">
<div id="headFiltPan" class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#collapse1">Зазначте параметри для перегляду даних у разі необхідності</a>
</h4>
</div>
<div id="collapse1" class="panel-collapse collapse in">
<div class="panel-body">
<div class="container-fluid">
<div class="row">
<form class="searchTmi pull-left" style="padding-right: 5px;" method="get" name="frm" action="SearchSki">
<input name="page" id="page" value="1">
<input type="hidden" name="count" id="count" value="0">
<input class="rawOnpage" type="hidden" name="pages" value="${pages}">
</div>
</div>
</div>
</div>
</div>
</div>
Он показывает и прячет форму с поиском по нажатии на соответствующую кнопку, проблема в том что при переходе на следующую страницу, или перезагрузку страницы, нужно заново нажимать на кнопку для того что бы открыть форму с поиском, и так каждый раз, вопрос можно ли как-то сохранять положение формы???
localStorage
var openSerchButton = document.getElementById('hidden_content'); function onclickOpen() { openSerchButton.style.display = (openSerchButton.style.display === 'inline') ? '' : 'inline'; localStorage.setItem('hide', openSerchButton.style.display); // сохраняем значение в ключ hide } if (localStorage.getItem('hide') === 'inline') { // если значени е ключа hide "inline" document.getElementById('hidden_content').style.display = 'inline'; }
не получается...