Javascript jQuery在cookie或localStorage中保存toggleClass

我正在尝试保存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'));
});

.content {
    display: none;
}

    .content_visible {
        display: block;
    }

<button type="button" class="js-button">+</button>
<div class="content js-content">This is content</div>

CSS:

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'));
});

.content {
    display: none;
}

    .content_visible {
        display: block;
    }

<button type="button" class="js-button">+</button>
<div class="content js-content">This is content</div>

HTML:

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'));
});

.content {
    display: none;
}

    .content_visible {
        display: block;
    }

<button type="button" class="js-button">+</button>
<div class="content js-content">This is content</div>

+
这就是内容

---

我没有看到任何使用cookie的尝试。我试图使用if（element.hasClass（“toggled”）{localStorage.setItem（'toggled'，'true'）；}else{localStorage.setItem（'toggled'，'false'）；}但我得到的只是错误，而且我的脑子都被搞糊涂了。如果你只需要记住一个元素的状态，那么这很好，但是如果你有更多的元素呢。有没有关于如何构建一个动态创建多个要检查的键的循环的想法？