А как в «тостере» выполнено выплывающее меню?

Question

[nluparev]

Привет.

Я хочу для своего хоби проетка сделать такое-же (ну или почти) выплывающее меню как это сделано в TOSTER (этот же сайт :-) ). А поскольку я только начал разбираться со всякими Front-end штуками у меня ни малейшей идеи как это сделать. Поэтому обращаюсь за помощью к знающим людям и вселенскому разуму.

у меня имеются базовые навики jQuery и CSS

Спасибо за любую помощь.

Answer 1

[Valery]

codepen.io/anon/pen/YXQpZW

1. Прячем меню слева
2. При клике на гамбургер показываем меню и двигаем контент вправо

jQuery в данном примере только добавляет и убирает классы для рабочих элементов. Все стили и позиционирование пишутся в css

Comments

[nluparev]

спасибо за наглядный пример

Answer 2

[sugarufc]

Не смотрел как там, но можно сделать просто вот так

$(".btn").click(function(){
$("ul.menu").slideToggle();
})

Comments

[nluparev]

мне казалось что slideToggle работает с элементами только по вертикали