问题描述
|
我有一个主菜单,它的一个选项对使用以下脚本进行切换具有手风琴效果:
$(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,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;
});
这会触发一个子菜单,但是当我选择此新子菜单中的任何一个选项以加载新页面时,手风琴菜单和子菜单均被隐藏。如何使他们保持开放状态并显示我要为其分配的活动班级?
解决方法
刚刚在手风琴功能中添加了“ navigation:true \”。这是一个初学者的错误,但我终于使它起作用了:)
我张贴它,以防有人可能遇到相同的问题。