Para hacer un menú que al pasar el ratón aparezcan otros submenús, no te hace falta javascript para naaada de nada, eso se hace con css, y es tan facil como algo así:
Cita: .submenus{
opacity: 0;
visibility: hidden;
}
ul li.menuconsubmenus:hover .submenus{
opacity: 1;
visibility: visible;
}
Y luego el efecto de fade in/fade out es tan simple como añadirle a .submenus un "transition: all 1s;"
Aquí un ejemplo hecho a lo rápido
El javascript, a nivel visual, se debe usar para aquello que el css no llega, que para aspectos visuales cada vez se debe usar menos, ya que el css está avanzando mucho en ese terreno. Si empiezas a meter javascript para que un menú aparezca al pasar el ratón, acabarás llenando la página de código js que hará que tu web sea más pesada/lenta.