Javascript jQuery slideDown和slideUp-如何在页面更改时保持语句

我创建了一个菜单，它使用jQuery slideDown/slideUp显示/隐藏菜单项。Jquery代码看起来像

$(".menu-reveal a").click(function() {
    if ($(".menu").is(":visible")) {
        $(".menu").slideUp(300);
        $(".menu-reveal").removeClass("revealed");
    } else {
        $(".menu").slideDown(300);
        $(".menu-reveal").addClass("revealed");
    }
});

网站默认加载隐藏的菜单项，然后访问者需要单击它来查看菜单项

我的问题是，如果菜单语句在页面更改时展开或未展开，我如何保持菜单语句？例如，当它在上一页展开时，我希望在下一页显示它。

以下是工作代码：

    $(".menu-reveal a").click(function() {
    if ($(".menu").is(":visible")) {
        $.removeCookie("top-menu", { path: '/' });
        $(".menu").slideUp(300);
        $(".menu-reveal").removeClass("revealed");
    } else {
        $(".menu").slideDown(300);
        $(".menu-reveal").addClass("revealed");
        $.cookie("top-menu", 1, { path: '/' });
    }
});

// Permanent top menu
    var cookieTopMenu = $.cookie("top-menu");

    if (cookieTopMenu == 1){
        $(".menu").slideDown(1);
        $(".menu-reveal").addClass("revealed");     }
    else {
        $(".menu").slideUp(1);
        $(".menu-reveal").removeClass("revealed");
    }

我已经习惯于达到预期的效果

---

希望它能帮助其他人。

您必须使用javascript cookie。这是我所期望的-在会话中使用cookie或save语句。