Javascript 在回发期间维护多个div的切换状态

我有一个jscript来切换div来上下滑动。我希望在回发期间保持这些div的状态。我在其他帖子上读到，我可以使用cookie和隐藏字段，但我不知道在我的jscript中使用多个div时如何使用它

Jscript：

<script type="text/javascript">
    $(document).ready(function () {
        $(".toggle").slideUp(0);
        $(".trigger").click(function () {
            $(this).next(".toggle").slideToggle("slow");
        });
    });
</script>

$（文档）.ready（函数（）{
$（“.toggle”）.slideUp（0）；
$（“.trigger”）。单击（函数（）{
$（this.next（“.toggle”）.slideToggle（“slow”）；
});
});

HTML:

第1节
项目1

第二节
项目1

由于用户：noth1ng，找到了一个解决方案。

<h3 class = "trigger">Section 1</h3>
<div class = "toggle">
    <p> Item 1 </p>
</div>

<h3 class = "trigger">Section 2</h3>
<div class = "toggle">
    <p> Item 1 </p>
</div>