Как спрятать блок по клику?

Question

[nen0y]

Как спрятать блок по клику?

По нажатию на "S/H MENU", блок с навигацией должен уходить влево, так что-бы он стал незаметным, после повторного нажатия, меню должно вернутся назад. Как это сделать?

https://codepen.io/5dc8b3/pen/GRoaveq

Answer 1

[Andrey Vasilev]

как вариант:

Comments

[nen0y]

по факту нужно было сделать так: https://codepen.io/5dc8b3/pen/rNxgGwE, спасибо что дали правильное направление. может подскажите как сделать что бы блок content, подвигался на место menu?

[Andrey Vasilev]

nen0y, учти, нужно вычислять ширину выдвигашки и потом делать транслейт.
я указал статичные данные, но принцип ясен

Answer 2

[Воващ]

один из вариантов использовать Animate

Comments

[Java Script]

можно и через Js с помощью click

[Воващ]

Java Script, я просто не хотел давать человеку готовое решение, думаю он бы справился с добавлением класса по клику

Answer 3

[zx5zx6]

Самое простое, менять значение css свойства display по клику.
Привязаться можно к любому html обьекту.

А в функции идет проверка:
Если какой то див при клике не спрятан - тогда спрятать, а если он уже спрятан - тогда показать.

Например: