Hacer que sub-menú permanezca abierto al cambiar de página

[bcjmpr]

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

[InKarC]

Código Javascript:

$('*').removeClass('active');
 

Esto por rendimiento es absolutamente lo peor que puede hacer, mejor haga esto:

Código Javascript:

$(".active").removeClass('active');
 

Respecto al problema:

Haciendo de cuenta que cada boton del acordion (para desplegar) tiene la clase "desplegable", seria:

Código Javascript:

$('a[href="'+ window.location + '"]').click().closest(".desplegable").click()
 

Obviamente esto va después de los scripts de acordion y demás.