使子菜单保持打开状态并在加载新页面时选择

时间:2011-05-27 16:03:04

标签: fadein jquery-ui-accordion

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

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

这会触发子菜单,但是当我选择任何新的子菜单选项来加载新页面时,手风琴菜单和子菜单都会被隐藏。如何让它们保持打开并显示我想要分配它们的活动类?

1 个答案:

答案 0 :(得分:0)

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

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