Выдвиньте вертикально подменю при нажатии

Question

Пример: http://kettlenyc.com/

Пример выше - именно то, чего я хотел бы достичь: я хотел бы, чтобы было подменю / div, которое выдвигалось вертикально по щелчку исходных ссылок ... как я могу это сделать? Заметьте, как часть, которая выдвигается, выходит на 100% по горизонтали? Другой похожий пример: http://pollenlondon.com/

Answer 1

Самый простой способ - использовать библиотеку javascript, например jQuery , в которой есть встроенные эффекты для создания анимации слайдов. Я бы посоветовал вам обратить особое внимание на эффекты slideUp и slideDown , хотя особое внимание следует уделить тому, как библиотека изменяет конкретные значения CSS элементов, которые вы хотите анимировать, и это влияет на остальную часть HTML.

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

Надеюсь, это поможет.