javascript - jQuery slideDown 和 slideUp - 如何在页面更改时保持声明

Question

我创建了一个菜单，它使用 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");
    }
});

网站默认加载“隐藏”菜单项，然后访问者需要单击它才能看到菜单项。

我的问题是，如果在页面更改时扩展或不扩展，我如何才能“保留”菜单语句？例如，当它在上一页展开时，我想让它显示在下一页。

Answer 1

这是工作代码:

    $(".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");
    }

我用过jQuery cookie plugin以达到预期的效果。

希望它能帮助到其他人。