Как добиться одинакого эффекта затемнения заднего фона при управлении боковым меню с помощью свайпа, или же посредством кнопки?

Question

[Nikolay Matyushkin]

Всем привет. Есть код, он рабочий, но в jsfiddle меню не выезжает. Хотя код был аккуратно скопирован из моего html-файла, а js файлы подключены. Может в подключении файлов не до конца разобрался.

Вобщем я хочу, чтобы при выезде меню слева, задний фон затемнялся. Я сделал так, что если вытаскивать и задвигать меню свайпом, то всё ок. Но я не могу никак синхронизировать этот эффект с кнопкой.

Добавлял в js код такой фрагмент:
$("#shadow_window").toggleClass("shadow");
тобиш при клике на кнопку присваиваю блоку-маске класс с прозрачностью. Но во-первых это работает только на вытаскивание, а во-вторых если сначала вытащить/задвинуть свайпом, а потом попробовать вытащить с помощью кнопки, то фрагмент не работает.

Answer 1

[Юпитер Макс]

ну так вы сделайте еще один слой с прозрачностью нужной и спрячьте его через стили. Когда нажимаете на бургер, выезжает меню и у слоя дописываете свойство. которое его показывать должно

Comments

[Nikolay Matyushkin]

Это несомненно будет работать в том случае, если пользователь открывает и закрывает меню через бургер, т.е. если открыл свайпом, а закрыл бургером, маска останется. Я так пробовал.

[Юпитер Макс]

Devilz_1, тогда вот сюда