Bueno, según he entendido:
Mostrar y ocultar los diferentes menús y submenus se podría hacer incluso sin jquery, sólo con css.
Ejemplo: tenemos un elemento del menú (<div> por ejemplo) que tiene un atributo class="principal". Queremos que al pasar el ratón se vea una lista que hay contenida dentro de el (<ul>). Sería simplemente poner: .principal:hover li{ display:block; }
Previamente hemos definido que .principal ul{ display: none; }
Si tenemos otro submenú dentro del propio ul. Más de lo mismo: ul li:hover li{ display:block; }
Teniendo previamente ul li li { display:none; }
Espero haberme explicado.
Si investigas un poco el código css de mi web está hecho de esa forma, pero sin doble submenú.