JQUERY - Показать DIV и серый фон

Question

Мне нужно показать DIV и серый фон - возможно, снимите непрозрачность. Если что-либо вне DIV нажата, DIV исчезает, и страница возвращается к тому, как это было.

Есть ли простой способ сделать это? Предпочтительно с минимальным кодом и без плагинов.

ТНХ

Answer 1

Вы можете изменить свойства CSS любого объекта с .css() методом JQuery. Поэтому, чтобы установить цвет фона, вы можете сделать что-то вроде этого, считая, что ваш div имеет идентификатор «myDiv»: $('#myDiv').css('background-color','grey');.

Чтобы скрыть div, вы можете использовать функцию .hide(): $('#myDiv').hide();.

Вы хотите запустить этот код, когда на него будет удален любой элемент вокруг div, поэтому добавьте прослушиватель событий щелчка к этим элементам. Вы можете сделать это с помощью метода .click(). Итак, скажем, у вас есть еще один div с id 'anotherDiv', вы можете сделать это вот так:

`$('#anotherDiv').click(function() { 
    $('#myDiv').hide(); 
});