Есть выезжающее по наведению (hover) на значок "menu" меню одностраничника с внутренними ссылками на разделы.
Не меняет своего положения при скролле, position:fixed. Разделы скрыты вверху в отрицательном margin-top.
По кликам разделы тоже выезжают, сверху, замедленно, css transition.
И всё хорошо, но хотелось бы чтоб после клика меню скрывалось, как это принято у нормальных сайтов.
В Javascript слаб, но озарила безумная идея вставить в выезжающие разделы прозрачную полоску с z-индексом выше, чем меню, и когда она съезжала бы вместе с разделом, снимало бы фокус с меню, и оно бы скрывалось.
Но потом сообразил, что css only не получится, ибо невозможно.
Повесил на ссылки onclick.
<а href="#n1" onclick="bb(); return false">
Всё чего удалось достичь на javascript:
<script>
function bb() { alert("Hello word!"); }
</script>
Подскажите, чем бы заменить alert("Hello word!")?
Чтоб меню потеряло фокус и сбросило hover.
Разумеется, не перезагружая страницу, иначе смысл одностраничника пропадает.
Выезжает меню так:
