我正在尝试保存 cookie 或使用localStorage
(以更好的为准)记住访问者何时单击加号按钮来显示/隐藏 div。任何人都可以协助使下面的代码与 cookie 一起使用或localStorage
?
$('.plus').on('click', function(e) {
$(".plus .icon .two").toggleClass('horizontal');
$(".welcome-section").toggleClass('open');
$(".welcome-header p").toggleClass('explore');
});
我更喜欢使用本地存储:
JavaScript:
var $content = $('.js-content');
if (localStorage.getItem('isVisible') === 'true') {
$content.addClass('content_visible');
}
$('.js-button').on('click', function() {
$content.toggleClass('content_visible');
localStorage.setItem('isVisible', $content.hasClass('content_visible'));
});
CSS:
.content {
display: none;
}
.content_visible {
display: block;
}
HTML:
<button type="button" class="js-button">+</button>
<div class="content js-content">This is content</div>
JSFiddle
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)