Tengo un menú principal y una de sus opciones tiene un efecto de acordeón que hago así:
Código:
$(document).ready(function(){
$(function(){
$("#accordion").accordion({
active: false,
autoHeight: false,
collapsible: true
});
});
});
Cuando alguna de las opciones que se despliegan se selecciona, le agrego una clase .active y esto llama a otro sub-menú que entra con fadeIn:
Código:
jQuery.fn.slideFadeToggle = function(speed, easing, callback){
return this.animate({opacity: 'toggle', width: 'toggle'}, speed, easing, callback);
};
$(document).ready(function(){
$("#subNav4").hide();
$("#us").click(function () {
$("#subNav1").hide();
$("#subNav2").hide();
$("#subNav3").hide();
$("#subNav4").slideFadeToggle(800);
$('*').removeClass('active');
$(this).addClass('active');
return true;
});
El problema es que al hacer clic en este último sub-menú y cambiar a una nueva página, tanto el menú acordeón como el que entra con fadeIn desaparecen. ¿Cómo puedo lograr que permanezcan abiertos y asignarles una clase .active para que el usuario sepa qué sección/sub-sección está visitando?
De antemano gracias
