Выпадающее меню для внутренней навигации по закладкам на странице на javascript+css

[rdfhnbhf]

Помогите с решением/подскажите где подсмотреть готовое решение.
Есть большая html страница, содержимое разделено на части, каждая часть предваряется <div id="a01">заголовок</div>, между ними <div id="a00">собственно текст</div>
все страницы будут открываться локально на компьютере без интернета
Требуется решение с минимум кода, вынесенного в script.js и mysite.css, можно + с привлечением jquery.js
Вверху кнопка меню, при клике/наведении - выпадающее одноуровневое подменю
текст элементов подменю - перечитывается всякий раз заново из тегов <div id="a01">заголовок</div> на странице
при щелчке на элемент подменю - переход/скроллирование страницы к выбранному <div id="a01">
при необходимости могу поменять <div id="a01"> на <div name="ID заголовка"> для упрощения перехода по странице
если меню теряет фокус - подменю скрывается

P.s. в инете есть решения с созданием динамических меню с использованием <ul> и <li> Не подходит. Текст подменю должен читаться из содержимого страницы, которое может изменится - меню при этом также должно перестроится, эдакое "динамическое всплывающее оглавление для большой html книги"

[Naive]

Стандарт HTML5 предусматривает структуру текста как блоки <section> с вложенными в них заголовками и контентом:

<article>
<section id="a01">
  <h1>заголовок первого уровня</h1>
  <p>текст</p>
  <section id="a011">
    <h2>заголовок второго уровня</h2>
    <p>текст</p>
  </section>
</section>
</article>

строим меню: пробегаем по ДОМ-дереву внутри article и выстраиваем меню из UL/LI. На ссылки в адрес прописываем якоря с айдишниками секций (в html5 якоря ссылаются на id, а не на name).