Как скрыть/показать меню?

Question

[Вячеслав Боргомотов]

Помогите сделать меню. Нужно:
1. по клику на "меню" плавно появлялось меню с левого бока
2. клик по "меню" плавно скрыть меню
3. клик в не меню - плавно скрыть меню.

jsfiddle.net

Заранее спасибо

Comments

[Алмаз Бисенбаев]

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

Answer 1

[Vitaliy]

В .bttn-menu привязать обработку :focus + .lst, таким образом при получении фокуса на .bttn-menu можно сменить стиль для следующего элемента (селектор +), в данном случае это изначально отрицательный margin-left и обнуление при фокусе.

И все это без JS

jsfiddle.net/puwbfse8/3

Comments

[Вячеслав Боргомотов]

Спасибо. Но это не то что нужно

[Vitaliy]

Вячеслав Боргомотов: таково ТЗ выше

[Вячеслав Боргомотов]

Согласен. Спасибо. Но у вашего решения фон списка по закрытию становится на 1 месте, а надо чтобы его вообще не было видно!

[Vitaliy]

Вячеслав Боргомотов: решается добавлением произвольного блока и изменение z-index'ов

Answer 2

[Дмитрий]

https://www.christopheryee.ca/pushy/
plugins.adchsm.me/slidebars
mmenu.frebsite.nl

Comments

[Вячеслав Боргомотов]

Спасибо. Это не то!