andrey3681,
//Модальное окно ДОБАВИТЬ
$(function() { // запускаем скрипт после загрузки всех элементов
/* засунем сразу все элементы в переменные, чтобы скрипту не приходилось их каждый раз искать при кликах */
var overlay = $('#overlay'); // подложка, должна быть одна на странице
$('body').on('click' , '.open_add', function(event){ // ловим клик по ссылке с классом open_modal
event.preventDefault(); // вырубаем стандартное поведение
var div = $(this).attr('href'); // возьмем строку с селектором у кликнутой ссылки
overlay.fadeIn(400, //показываем оверлэй
function(){ // после окончания показывания оверлэя
$(div) // берем строку с селектором и делаем из нее jquery объект
.css('display', 'block')
.animate({opacity: 1, top: '50%'}, 200); // плавно показываем
});
});
$('body').on('click' , '.modal_close, #overlay', function(){ // ловим клик по крестику или оверлэю
$('.modal_add') // все модальные окна
.animate({opacity: 0, top: '45%'}, 200, // плавно прячем
function(){ // после этого
$(this).css('display', 'none');
overlay.fadeOut(400); // прячем подложку
}
);
});
});