Как сделать затемнение экрана, после того как открылось меню?

Question

[Дмитрий Филатов]

Как сделать затемнение экрана, после того как открылось меню?
https://jsfiddle.net/qkv4f2bu/

Comments

[Сергей]

Теги конечно топ)

Answer 1

[ZB Venom]

HTML:
<div class="dark"></div>
CSS:

.dark {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  cursor: pointer;
  z-index: 9999;
}

JS:

$(document).on('click','.js-menu_toggle.closed',function(e){
	$('.dark').css({'display': 'block'})
        //
}
$(document).on('click','.js-menu_toggle.opened',function(e){
	$('.dark').css({'display': 'none'})
       //
}

Comments

[Дмитрий Филатов]

Спасибо, получилось)