Многоуровневое меню javascript

Как реализовать вот такое меню?

Задача:
При наведение курсора на заголовок 1 уровня, открываются подменю 2 уровня.
Пока курсор находится в поле открытых подменю ничего не сворачивается.
Так же по такой же системе должны быть заголовки 3 уровня вложенности.
При убирание курсора с поля 1 уровня и всех его подменю, всё сворачивается обратно.

 

Ни одного примера, который бы открывал подменю при наведение курсора, Я так и не нашел.

 

Invision Всё на картинке.

tommyangelo Мне бы готовый пример.

 

Простите, но в javascript Я не силён. Как его засунуть html ?

 

Да, но оно не вертикальное....

 

Мне нужно, по структуре, как представлено на первой картинке.
Как такое можно сделать при помощи javascript и html ?

 

Вльдемар Данный вариант не подойдёт, так как структура выпадающих блоков должна создаваться интеллектуальным принципом, то есть css должен парсится самостоятельно без всяких ul/li
Так как структура меню очень большая и делать всё лапами практически невозможно.