Как реализовать такой экран?

Question

[papabig]

Необходимо реализовать третий экран со страницы. Подскажите куда капать, как сделать такую анимацию? Возможно есть какие-то готовые решения?
um.mos.ru/en/discover-moscow

Answer 1

[Сергей Горячев]

Ничего сложного нет.
Обычный список ul>li, выстраивается поверх всегда экрана.
Через абсолютное позиционирование сверху накладываются текстовые блоки.
Либо наоборот, список через абсолют.
Даже не знаю, как объяснить еще проще. Тут итак "школьная" программа.
Проще было набросать https://jsfiddle.net/webirus/p0af0my0/

На третьем экране, самый простой аккордион.
https://www.tn34.de/downloads/jQuery.tn34.facets.html
Демо 4 по-моему как раз выглядит похоже, только навигацию вниз перенести.

Comments

[papabig]

Ваш пример так же мне безумно поможет, спасибо. Но я спрашивал про третий экран, где при наведении на кнопку картинка раздвигается на весь экран, с этим я встрял, даже не знаю, что гуглить.

[Сергей Горячев]

papabig: Блин, видимо не проснулся еще.

[Сергей Горячев]

papabig: Ну, это самый обычный аккордион https://www.tn34.de/downloads/jQuery.tn34.facets.html , демо 4 мне кажется подойдет.