Моя цель - включить (скрыть / показать) всплывающий фрагмент. Дизайн состоит в том, что во всплывающем фрагменте есть два сгиба. Если пользователь / клиент вводит идентификатор электронной почты в первый раз, он будет скрыт, а следующий будет виден.
Я планировал установить для этого sessionStorage. Сеансы установлены, однако я не уверен, как использовать значение этого сеанса с условием if
, таким образом, если значение сеанса x
, то первый раз виден или если значение сеанса y
, то второе сгиб виден.
Я ожидаю установить сеанс так, чтобы последний всплывающий фрагмент, где пользователь оставил или обновил страницу, был виден.
Я пытался использовать jQuery и Javascript, но не смог понять это.
<div id="firstFold">
<p>This is the first fold</p>
</div>
<div id="secondFold">
<p>This is the second fold</p>
</div>
sessionStorage.setItem('x', 'firstFold');
sessionStorage.setItem('y', 'secondFold');
//Logic below.. please don't mind my code
if (the session of the page == firstFold) {
$('#firstFold').show();
}
if (the session of the page == secondFold) {
sessionStorage.removeItem("firstFold");
$('#secondFold').show();
$('#firstFold').hide();
}
#firstFold {
display: none;
}
#secondFold {
display: none;
}