Вроде сам что-то сделал..и работает..хотя ничего не понимаю в JS.
Но теперь проблема в другом. При нажатии на ссылку с id="go2", открывается новое модальное окно с регистрацией, после заполнения всех полей и нажатии кнопки Зарегистрироваться, модальное окно закрывается, а надо чтобы не закрывалось, потому что там появляется новое сообщение "К вам на почту отправлено письмо.. Нужно подтвердить регистрацию" или сообщение об ошибке(например, неправильно введен email)
$(document).ready(function() { // вся магия после загрузки страницы
$('a#go').click( function(event){ // ловим клик по ссылки с id="go"
event.preventDefault(); // выключаем стандартную роль элемента
$('#overlay').fadeIn(100, // сначала плавно показываем темную подложку
function(){ // после выполнения предъидущей анимации
$('#modal_form')
.css('display', 'block') // убираем у модального окна display: none;
.animate({opacity: 1}, 200); // плавно прибавляем прозрачность одновременно со съезжанием вниз
});
});
$('a#go2').click(function () {
$('#modal_form').hide();
$('#modal_form2')
.css('display', 'block')
.animate({opacity: 1}, 200);
});
/* Закрытие модального окна, тут делаем то же самое но в обратном порядке */
$('#modal_close, #overlay').click( function(){ // ловим клик по крестику или подложке
$('#modal_form, #modal_form2')
.animate({opacity: 0}, 200, // плавно меняем прозрачность на 0 и одновременно двигаем окно вверх
function(){ // после анимации
$(this).css('display', 'none'); // делаем ему display: none;
$('#overlay').fadeOut(400); // скрываем подложку
});
});
});
