如何使用js.cookie删除cookie&；切换中的jquery？

以下是我的html代码：

<div class="accordion_container">
    <div class="accordion_head" node-tag="#1">First Accordian Head<span class="plusminus">+</span>
    </div>
    <div class="accordion_body">
        <p>First Accordian Body, it will have description</p>
    </div>
    <div class="accordion_head" node-tag="#2">Second Accordian Head<span class="plusminus">+</span>
    </div>
    <div class="accordion_body">
        <p>Second Accordian Body, it will have description</p>
    </div>
    <div class="accordion_head" node-tag="#3">Third Accordian Head<span class="plusminus">+</span>
    </div>
    <div class="accordion_body">
        <p>Third Accordian Body, it will have description</p>
    </div>
</div>

我的问题是，如果我单击“折叠”，它会工作，但当我单击“扩展”时，它无法从cookie中删除值，它只会将值添加到cookie中

有人能帮我找到这个问题吗

---

这是一个链接，您不需要删除标记，只需从所有应该仍然存在的值中重建它即可。这样，每次都遵循相同的逻辑

$（文档）.ready（函数（）{
变量$accordionHead=$（“.accordion_head”）；
//使用类accordion\u body切换组件
$accordionHead.on（“单击”，函数（）{
变量$head=$（本）；
$head.toggleClass（“折叠”）；
如果（$head.is（“.折叠”））{
$head.next（“.accordion_body”）。slideUp（300）；
}否则{
$head.next（“.accordion\u body”）。向下滑动（300）；
}
var$collapsedHeads=$accordionHead.filter（“.collapsedHeads”）；
曲奇(
“折叠的_节点”，
$collapsedHeads.map（函数（）{返回this.getAttribute（“节点标记”）；}）.get（）.join（“”），
{
有效期：7，
路径：“”
}
);
});
});
.accordion\u容器{
宽度：500px；
}
.手风琴头{
背景色：天蓝色；
颜色：白色；
光标：指针；
字体系列：arial；
字体大小：14px；
边距：0 1px 0；
填充：7px 11px；
字体大小：粗体；
}
.手风琴琴体{
背景：浅灰色；
}
.手风琴{
填充：18px 5px；
边际：0px；
}
.另外，
.减去{
浮动：对；
}
.崩溃了.减去，
.另外{
显示：无；
}
.崩溃了.还有{
显示：继承；
}

第一手风琴头+-
首先是手风琴体，它会有描述

第二手风琴头+-
第二个手风琴体，它会有描述

第三手风琴头+-
第三个手风琴体，它会有描述

您不需要删除标记，只需从应该仍然存在的所有值中重新构建它即可。这样，每次都遵循相同的逻辑


$（文档）.ready（函数（）{
变量$accordionHead=$（“.accordion_head”）；
//使用类accordion\u body切换组件
$accordionHead.on（“单击”，函数（）{
变量$head=$（本）；
$head.toggleClass（“折叠”）；
如果（$head.is（“.折叠”））{
$head.next（“.accordion_body”）。slideUp（300）；
}否则{
$head.next（“.accordion\u body”）。向下滑动（300）；
}
var$collapsedHeads=$accordionHead.filter（“.collapsedHeads”）；
曲奇(
“折叠的_节点”，
$collapsedHeads.map（函数（）{返回this.getAttribute（“节点标记”）；}）.get（）.join（“”），
{
有效期：7，
路径：“”
}
);
});
});
.accordion\u容器{
宽度：500px；
}
.手风琴头{
背景色：天蓝色；
颜色：白色；
光标：指针；
字体系列：arial；
字体大小：14px；
边距：0 1px 0；
填充：7px 11px；
字体大小：粗体；
}
.手风琴琴体{
背景：浅灰色；
}
.手风琴{
填充：18px 5px；
边际：0px；
}
.另外，
.减去{
浮动：对；
}
.崩溃了.减去，
.另外{
显示：无；
}
.崩溃了.还有{
显示：继承；
}

第一手风琴头+-
首先是手风琴体，它会有描述

第二手风琴头+-
第二个手风琴体，它会有描述

第三手风琴头+-
第三个手风琴体，它会有描述

根据，为了移除您刚才需要的coockie：

Cookies.remove('name');

在您的情况下，将：

Cookies.remove('collapsed_Nodes');

根据，为了移除您刚才需要的coockie：

Cookies.remove('name');

在您的情况下，将：

Cookies.remove('collapsed_Nodes');

我已经基于accordion_body元素的
hide
类创建了一个代码示例

它将始终基于隐藏的accordion元素写入值，而不是读取cookie并操纵其选定元素的值

当没有隐藏任何内容时，它将完全删除cookies


$（文档）.ready（函数（）{
//使用类accordion\u body切换组件
$（“.accordion\u head”）。单击（函数（）{
var标记=$（this）.data（“节点标记”）；
if（$（this）.next（“.accordion_body”）是（':visible'））{
$（本）.next（“.accordion_body”）.slideUp（300）；
$（this.next（“.accordion_body”）.addClass（“hide”）；
$（this.children（“.plusminus”）.text（“+”）；
}
否则{
$（this.next（“.accordion_body”）。向下滑动（300）；
$（this）.next（“.accordion_body”）.removeClass（“hide”）；
$（this.children（“.plusminus”）.text（'-'）；
}
调整cookie（）；
});
var adjustCookie=函数（）{
var标签=[]；
$（'.accordion_container.hide'）。每个（函数（）{
var标记=$（this）.prev（'.accordion_head'）.data（“节点标记”）；
tags.push（tag.replace（'#'，''）；
});
如果（标签长度）{
Cookies.set（'collazed_Nodes'，tags.join（'|'）{
有效期：7
});
}否则{
Cookies.remove（'collazed_Nodes'）；
}
}
});
.accordion\u容器{
宽度：500px；
}
.手风琴头{
背景色：天蓝色；
颜色：白色；
光标：指针；
字体系列：arial；
字体大小：14px；
边距：0 1px 0；
填充：7px 11px；
字体大小：粗体；
}
.手风琴琴体{
背景：浅灰色；
}
.手风琴{
填充：18px 5px；
边际：0px；
}
普鲁斯米努斯先生{
浮动：对；
}
.隐藏{
显示：无；
}

第一手风琴头-
首先是手风琴体，它会有描述

第二手风琴头-
第二个手风琴体，它会有描述

第三手风琴头-
第三个手风琴体，它会有描述

我基于accordion\u body元素的
hide
类创建了一个代码示例

它将始终基于隐藏的accordion元素写入值，而不是读取cookie并操纵其选定元素的值

当什么都不隐藏的时候