gpt4 book ai didi

javascript - jQuery 将toggleClass 保存在cookie 或localStorage 中

转载 作者:行者123 更新时间:2023-12-01 01:13:32 25 4
gpt4 key购买 nike

我正在尝试保存 cookie 或使用 localStorage (以更好的方式)来记住访问者何时单击加号按钮来显示/隐藏 div。任何人都可以帮助使以下代码与 cookie 或 localStorage 一起使用吗?

$('.plus').on('click', function(e) {
$(".plus .icon .two").toggleClass('horizontal');
$(".welcome-section").toggleClass('open');
$(".welcome-header p").toggleClass('explore');
});

最佳答案

我更喜欢使用localStorage :

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

关于javascript - jQuery 将toggleClass 保存在cookie 或localStorage 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42400395/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com