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

网站默认加载＆＃34;隐藏＆＃34;菜单项，然后访客需要点击它才能看到菜单项。

我的问题是我如何能够＆＃34;保持＆＃34;菜单语句是否在页面更改时展开或不展开？举个例子，我希望在上一页展开它时将它显示在下一页上。

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来达到预期效果。

希望它能帮助别人。

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

1 个答案: