Ankhena

1.
Если menu, то ul лишний https://webref.ru/html/menu
Если хочется ul, то nav

2.
Чаще всего не надо 2 раза писать меню.
Меню одно и меняется только его положение выстраивание с помощью CSS (например, flex).
Делается кнопочка, бутербродик, скрытая на десктопах, видимая на мобильных.
На мобильных меню сначала скрыто и открывается по кнопочке.

.first()
Возвращает первый элемент из всех выбранных. Эквивалентно .eq(0). Метод имеет один вариант использования:
.first():jQueryv:1.4
Метод не имеет параметров.

Примеры использования:
$("div").first() вернет первый div-элемент на странице.
$("div.bigBlock").first() вернет первый div-элемент с классом bigBlock.

goo.gl/YivVZF

Как сделать скролл как на ВК?
Вот тут только началось аналогичное обсуждение

Простейшее:
https://jsfiddle.net/e3qj000n/
Стилизуйте как хотите, в блоки складывайте тоже что хотите.

Можно на JS добавить показ по клику, закрытие по клику, закрытие по esc с клавиатуры
в таком духе: https://jsfiddle.net/y3btkm6c/1/

www.htmldrive.net/items/demo/803/Chrome-Safari-Fan...

Код смотрите - работает

Значит, проблема в подключении.

Прям в скрипт нельзя дописать location.href = 'www.yandex.ru'; ?
Или как-нибудь использовать возможности button submit?

Получение координат курсора внутри нажатой области

JS или на чистом CSS, если скрытый блок вложен в родительский или рядом.

Суть в том, что доп.информация сначала скрыта display:none
При hover она показывается.

codepen.io/anon/pen/pNvpWq (тут он открывается в сторону, но сути не меняет)

jquery.page2page.ru/index.php5/JQuery_UI

Если обернуть маленькие блоки в флексбокс и изменять только его высоту, то условий и подсчетов должно стать гораздо меньше.