Как сверстать не обычный collapse?

Question

[Александр Янк]

Всем привет, Вопрос, на скриншоте

Попалась мне такая страница для верстки, но как ее реализовать, не знаю, помогите советами.

Answer 1

[Dark Hole]

Все достаточно банально. При клике на меню добавляем класс подсветки, убираем у других этот класс, складываем активный элемент(если есть) и скроллим к элементу(есть крутой модуль ScrollTo)

Comments

[Александр Янк]

Спасибо, ваш ответ на толкнул к самостоятельному созданию такого коллапса.

Answer 2

[Nwton]

https://jsfiddle.net/8pkL79m5/2/
+css anim плавного открытия/закрытия блока

Comments

[Александр Янк]

Спасибо большое, возьму за основу.

[Александр Янк]

Ваш вариант мне нравится, но не могу его доработать, например по умолчанию первый пункт подсвечивается (.active) и раскрыт.

[Nwton]

window.onload = function(){
openPage(1);
}

или просто openPage(1);

[Nwton]

https://jsfiddle.net/8pkL79m5/3/