如果页面被访问，隐藏 div

Question

我正在使用 carhartl / jquery-cookie 插件。 我正在寻找如何在我的域中的几个页面中隐藏相同的 div 的解决方案。 在第一次访问时 div1 应该是显示和 div2 隐藏在下次访问时 div2 显示和 div1 隐藏。 相同的操作应该适用于每个页面。 但是如果另一个页面是打开的脚本显示 div2 并隐藏 div1，我的代码仅在第一次访问第一页时有效 我不熟悉 cookie 和 jquery 有人可以帮忙吗？

$(document).ready(function() {
    var visited = $.cookie('visited')
    if (visited == null) {
    $('.div1').show();
    $('.div2').hide();     ``
    } else {
    $('.div1').hide();
    $('.div2').show();
    }
    $.cookie('visited', 'yes_visited', { expires: 1 });
});

Answer 1

如果您想跨多个页面共享 cookie，请尝试

$(document).ready(function () {
    var visited = $.cookie('visited')
    if (visited == null) {
        $('.div1').show();
        $('.div2').hide();
    } else {
        $('.div1').hide();
        $('.div2').show();
    }
    $.cookie('visited', 'yes_visited', {
        expires: 1,
        path: '/'
    });
});

演示：Fiddle、another version