我的目标是切换(隐藏/显示)一个弹出式代码段。设计是在弹出代码段中有两个折叠。如果用户/客户在第一折中输入电子邮件ID,则它将被隐藏,而下一折将可见。
我计划为此设置sessionStorage。会话已设置,但是我不确定如何在if
条件下使用此会话的值,这样,如果会话值为x
,则可见第一折或会话值为{{ 1}},然后可以看到第二折。
我希望设置会话,以使用户离开或刷新页面的最后一个弹出代码段必须可见。
我尝试使用jQuery和Javascript,但无法弄清楚。
y
<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();
}