Mostrar ocultar paneles jQuerry

[lockalt]

Si me has dado una idea de por donde ir pero algo debo estar aplicando mal.
El PHP ni me lo planteo :S. Entonces estoy utilizando el metodo js.

Realize en la pagina1.html:

Código HTML:

<a href="pagina2.html#ser1">ser1</a>
<a href="pagina2.html#ser2">ser2</a>
<a href="pagina2.html#ser3">ser3</a>
<a href="pagina2.html#ser4">ser4</a>
 

Entonces en la pagina2.html como comentas añadí cada una de las clases a cada li

Código HTML:

<ul class="menu">
    <li class="ser1"><a href="#">Inicio</a>
        <ul>
            <li><a href="#">Sub menu</a></li>
            <li><a href="#">Sub menu</a></li>
            <li><a href="#">Sub menu</a></li>
        </ul>
    </li>
    <li class="ser2"><a href="#">Servicios</a>
        <ul>
            <li><a href="#">Sub menu</a></li>
            <li><a href="#">Sub menu</a></li>
            <li><a href="#">Sub menu</a></li>
        </ul>
    </li>
    <li class="ser3"><a href="#">Contacto</a>
        <ul>
            <li><a href="#">Sub menu</a></li>
            <li><a href="#">Sub menu</a></li>
            <li><a href="#">Sub menu</a></li>
        </ul>
    </li>
    <li class="ser4"><a href="#">Packs</a>
        <ul>
            <li><a href="#">Sub menu</a></li>
            <li><a href="#">Sub menu</a></li>
            <li><a href="#">Sub menu</a></li>
        </ul>
    </li>
</ul>
 

Y añadi en el head la lineas de js
Cambiando el "el_activo" por cada una de mís clases lo repetí 4 veces ;S pero no hay manera.

Código Javascript:

$(function(){
  //analizar hash
  var ser1 = location.hash ? location.hash.split('#')[1] : false;
      if(ser1){
           $('li.' + ser1).addClass('expand');
      }
});
 

Veo la luz al final del túnel pero creo que hay algo que no aplico bien :S
A ver si alguien puede saber donde tengo el problema :/