还记得Jquery的最后一个状态吗

我有一个用于下拉列表的脚本（JQuery）。 如何记住cookie中列表的状态？ 非常感谢任何帮助
JSFIDLE上的示例：

下面的代码：

$(document).ready(function() {
    $(".ul-dropfree").find("li:has(ul:has(li))").prepend('<div class="drop"></div>');
    $(".ul-dropfree div.drop").click(function() {
        if ($(this).nextAll("ul").css('display') == 'none') {
            $(this).nextAll("ul").slideDown(400);
            $(this).css({
                'background-position': "-22px 0"
            });
        }
        else {
            $(this).nextAll("ul").slideUp(400);
            $(this).css({
                'background-position': "0 0"
            });
        }
    });
    $(".ul-dropfree").find("ul").slideUp(400).parents("li").children("div.drop").css({
        'background-position': "0 0"
    });
});

$（文档）.ready（函数（）{
$（“.ul dropfree”）.find（“li:has（ul:has（li））”）.prepend（“”）；
$（“.ul dropfree div.drop”）。单击（函数（）{
if（$（this）.nextAll（“ul”）.css（'display'）=='none'）{
$（此）.nextAll（“ul”）。向下滑动（400）；
$（this.css）({
“背景位置”：“-22px 0”
});
}
否则{
美元(此).nextAll(ul).slideUp(400);；
$（this.css）({
“背景位置”：“0”
});
}
});
$（.ul dropfree”）.find（“ul”）.slideUp（400）.parents（“li”）.children（“div.drop”）.css({
“背景位置”：“0”
});
});

我使用

cookie

插件创建代码。在开发者屏幕的“资源”选项卡下查找cookie。下面是一个演示：

---

当您想记住cookie的状态时？您可以发布您尝试使用cookie的内容吗？让我们不要重复您的努力。@Mariano的可能重复我不知道如何以及如何添加到cookie（@GuruprasadRao我需要记住元素在cookie中的位置。to list没有隐藏在更新页面中此示例不起作用。当您刷新页面时，列表将关闭