Menu Horizontal desplegable con jQuery

Vamos a realizar un menú deplegable vertical de una manera muy simple usando HTML, CSS y Javascript con JQuery. El resultado será el siguiente:

Bueno vamos manos a la obra.

Lo primero es crear la estructura del menú creando una lista desordenada:

[html]