Показать сообщение отдельно
  #1 (permalink)  
Старый 21.01.2015, 13:29
Новичок на форуме
Отправить личное сообщение для Pashtet Посмотреть профиль Найти все сообщения от Pashtet
 
Регистрация: 21.01.2015
Сообщений: 7

Помогите с java скриптом.
Всем привет!
Помогите, пожалуйста, со скриптом.
Когда я кликаю по ссылке с id="go", у меня открывается модальное окно с формой для входа на сайт. Под самой формой для входа есть еще 2 ссылки(c id="go2" и id="go3"), и нужно чтобы при нажатии на них, закрывалось модальное окно с формой входа на сайт и появлялось другое необходимое модальное окно.
Заранее спасибо.
$(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); // плавно прибавляем прозрачность одновременно со съезжанием вниз
		});
	});

	/* Закрытие модального окна, тут делаем то же самое но в обратном порядке */
	$('#modal_close, #overlay').click( function(){ // ловим клик по крестику или подложке
		$('#modal_form')
			.animate({opacity: 0}, 200,  // плавно меняем прозрачность на 0 и одновременно двигаем окно вверх
				function(){ // после анимации
					$(this).css('display', 'none'); // делаем ему display: none;
					$('#overlay').fadeOut(400); // скрываем подложку
				});
	});
});

Последний раз редактировалось Pashtet, 21.01.2015 в 14:09.
Ответить с цитированием