Как сделать чтоб раскрытие меню остальной контент затменялся?

Question

[lemonlimelike]

При нажатие на выпадающие меню остальное контент потемневал.

Answer 1

[MaximMRX]

Например на странице с меню добавляешь блок
<div class="overlay"> </div>
Описываешь ему стили CSS

.overlay {
    position: fixed;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    display: none;
    z-index: 10;
}

И вот например при нажатии на какую-то кнопку

$(".openMenu").click(function () {
      $(".overlay").fadeToggle("slow");
});

Comments

[lemonlimelike]

Не работает почему-то, <div class="overlay"> </div> прописывать где хочешь на странице? или полностью контент оборачиваешь в него?

[MaximMRX]

lemonlimelike:
Вот пример сделал. https://jsfiddle.net/tLkpLx76/
jquery подключи не забудь. А вообще код меню скинь что бы я видел как оно открывается.

[lemonlimelike]

Максим Студитских:
https://jsfiddle.net/lemonlimelike/7zd2e8nn/
Выпадающие меню работает при сужение экрана на 500px

[MaximMRX]

lemonlimelike: https://jsfiddle.net/7zd2e8nn/3/ Ну, и в чём проблема?