У меня есть главное меню, и один из его параметров имеет эффект аккордеона при переключении с помощью следующего сценария:
$(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;
});
И это вызывает подменю, но когда я выбираю любой из параметров этого нового подменю для загрузки новой страницы, и меню аккордеона, и подменю снова скрываются.Как я могу заставить их оставаться открытыми и показывать активный класс, который я хочу назначить им?