Меня интересует, возможно ли сделать так, чтобы при загрузке страницы, блок уже был закрытым, если он был скрыт ранее.
То есть, у меня есть блок:
<div class="sliderBlock">
<div>....some info....</div>
</div><!-- .sliderBlock -->
В этом блоке есть кнопка, которая может его свернуть и развернуть до определенных размеров. А именно, открытый блок: 350 px, свёрнутый блок: 50 px;
Допустим, я открыл главную страницу и скрыл этот блок. Как мне сделать так, чтобы при переходе на другие страницы, этот слайдер был всё так же свёрнут без каких либо видимых пользователю действий?
Я пробовал сделать следующее:
$(document).ready(function(){
var storage = $.localStorage;
if (storage.get('_slider') == 'hide') {
sliderBlock.css({'height': '50px'});
hideSlider.css({'transform': 'rotate(-45deg)'})
}
});
Использовал локальное хранилище для проверки. Значение _slider
может быть пустым или принимать значение show
, это значит что блок открытый, либо принимать значение hide
- блок закрытый.
Когда то всё работало без видимых действий. Но сейчас почему-то загружает страницу, и блок от полного размера сворачивается до 50 px.
Может кто посоветует как решить эту проблемку?