per avere un sottomenu aperto ti basta assegnare una classe particolare al[*] padre

per nascondere quel sottomenu, a seguito dell'hover su altre voci, i CSS da soli non bastano: però con del javascript non intrusivo puoi rimuovere quella classe all'evento onmouseover delle altre voci

Se prosegui su questa strada ti sposterò sul forum javascript