Question

我正在尝试保存Cookie或使用localStorage（以较好者为准）记住访问者点击加号按钮显示/隐藏div时的情况。任何人都可以帮助使用cookie或localStorage

帮助使下面的代码工作

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

Answer 1

我更喜欢使用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

jQuery在cookie或localStorage中保存toggleClass

1 个答案: