加载新页面时使子菜单保持打开和选中状态

Question

我有一个主菜单，其中一个选项对使用以下脚本进行切换具有手风琴效果：

$(document).ready(function(){
    $(function(){
        $("#accordion").accordion({
            active: false,
            autoHeight: false,
            collapsible: true
        });
    });
});

选择其子选项之一时，我会添加一个活动类：

jQuery.fn.slideFadeToggle = function(speed, easing, callback){
    return this.animate({opacity: 'toggle', width: 'toggle'}, speed, easing, callback);  
    };

    $(document).ready(function(){

        $("#subNavUs").hide();
        $("#us").click(function () {
            $("#subNavSys").hide();
            $("#subNavApp").hide();
            $("#subNavAcc").hide();
            $("#subNavUs").slideFadeToggle(800);
            $('*').removeClass('active');
            $(this).addClass('active');
            return true;
        });
        $("#subNavSys").hide();
        $("#sys").click(function () {
            $("#subNavUs").hide();
            $("#subNavApp").hide();
            $("#subNavAcc").hide();
            $("#subNavSys").slideFadeToggle(800);
            $('*').removeClass('active');
            $(this).addClass('active');
            return true;
        });

这会触发一个子菜单，但是当我选择这个新子菜单的任何选项来加载新页面时，手风琴菜单和子菜单都被隐藏起来。如何让它们保持打开状态并显示我要分配给它们的活动课程？

Answer 1

刚刚在手风琴功能中添加了“navigation: true”。这是一个初学者的错误，但我终于让它工作了:)

我发布它以防有人可能有同样的问题。