Хранить меню slideDown() открыто после обновления страницы.

Question

Я хочу, чтобы мое слайд-меню открывалось даже после обновления страницы. Вот мой код

$(document).ready(function() { 

    $("#btn").click(function (e) { 

     $("#box").slideDown(1000); 

    }); 
}); 

Answer 1

Если он всегда загружается, просто установите свой CSS, чтобы отобразить его на начальном этапе. Не требуется код! Если вы хотите загрузить его только после того, как они загрузили страницу, откройте ее и затем обновите, вы можете использовать sessionStorage для сохранения состояния. Обратите внимание, что это будет работать только до тех пор, пока они не закрывают окно браузера/вкладку. Как только они это сделают, произойдет сброс.

В качестве другого примечания, если сценарий является последним, существуют другие способы передать это текущее состояние, но это один из вариантов.

Fiddle: http://jsfiddle.net/AtheistP3ace/d38bdsuh/

HTML:

<div class="someClass"></div> 
<button id="mybutton">open</button> 

CSS:

.someClass { 
    height: 100px; 
    width: 100px; 
    background: red; 
    display: none; 
} 

JS:

$('#mybutton').on('click', 
    function() { 
     $('.someClass').slideDown(1000); 
     sessionStorage.setItem('opened', 'true'); 
     alert('click run button now'); 
    } 
); 

var opened = sessionStorage.getItem('opened'); 
if (opened == 'true') { 
    $('.someClass').css('display', 'block'); 
}