Javascript 发布jquery显示、隐藏、滑动切换cookie

这里是我的

HTML

<!-- this is my link -->
<a href='javascript:void(0);' class='show_hide'>Show Hide</a>
<!-- This is my show hide content -->
<div class='slidingDiv'> ..................Here my content...............</div>

这段代码运行良好。但现在我的问题是，我需要在刷新后休息。我写这个代码

var cook= $.cookie('showdiv');
if(cook=='true')
    $(".slidingDiv").show();
else
    $(".slidingDiv").hide();

    $('.show_hide').on('click', function()
    {
            $(this).parent().next().slideToggle('normal', function(){
                $.cookie('showdiv', $(this).is(':visible'));
            });
    });

---

但是cookie不起作用。注意，我确信我成功地安装了jquery cookie插件

不幸的是，通过在cookie中存储一个布尔值来检查true还是false，您必须将其作为字符串进行比较

您是否已使用console.log进行检查或提醒您的cookie返回

console.log($.cookie('showdiv'));

我测试和比较字符串并没有问题

---

请参见

如果发布的是您的HTML标记，则选择器必须是

$（this）.next（“.slidingDiv”）

，不带父项

代码：

---

演示：

在这里工作正常：，控制台出错？请提供您的html标记too@IrvinDomininakaEdward我更新了我的问题，请使用生成的HTML标记，而不是PHP代码。2小时后，我得到了问题而不是解决方案。请注意，cookie总是有效的。你的js fiddle和我的代码只显示一个div和链接，但有许多

。每个
显示隐藏
按钮的slidingDiv
组。首先，我说没有
父项（）
无法使用我的代码。第二，我有很多
。show\u hide
按钮。所以
$（this）.parent（）.next（）.slideToggle
执行每个
.show\u hide
按钮。但当启用cookie时，所有
.slidingDiv
都不会显示
显示隐藏按钮的特定组
.slidingDiv
。所以cookie无法识别哪个按钮处于打开或关闭状态。cookie执行所有按钮不特定
。显示隐藏
按钮
console.log($.cookie('showdiv'));

var cook = $.cookie('showdiv');
console.log(cook)
if (cook == 'true') $(".slidingDiv").show();
else $(".slidingDiv").hide();

$('.show_hide').on('click', function () {
    $(this).next(".slidingDiv").slideToggle('normal', function () {
        $.cookie('showdiv', $(this).is(':visible'));
    });
});