https://club-ihtiolog.ru/bitrix/templates/main/js/main.js

1$(document).ready(function(){
2
3	/////////////////////////////////////////////
4	// POP-UP 							
5	/////////////////////////////////////////////
6	
7	$(document).on('keydown', function(e) {
8		if (e.keyCode === 27) {
9			$('.pop-up').removeClass('active');
10			$('.js_pop-up-link').removeClass('active');
11			$('.veil').fadeOut(200);
12			$('body').removeClass('noscroll');
13		}
14  	});
15	$(document).on('click', function(event) {
16		if ($(event.target).closest('.pop-up').length) return;
17    	if ($(event.target).closest('.js_pop-up-link').length) return;
18		$('.pop-up').removeClass('active');
19		$('.js_pop-up-link').removeClass('active');
20		$('.veil').fadeOut(200);
21		$('body').removeClass('noscroll');
22    	event.stopPropagation();
23  	});
24	$(document).on('click', '.js_pop-up-link', function(e) {
25		e.preventDefault();
26		if (!$(this).hasClass('active')) {
27	//		$('.pop-up').fadeOut(200);
28			$('.pop-up').removeClass('active');
29			var linkId = $(this).attr('rel');
30			if (!$(this).hasClass('active')) $(this).addClass('active');
31			if (!$(this).hasClass('no-veil')) $('.veil').fadeIn(300);
32			$('.'+linkId+'.pop-up').fadeIn(300).addClass('active');
33			if (!$('body').hasClass('noscroll')) $('body').addClass('noscroll');
34		} else {
35			$('.pop-up').removeClass('active');
36			$('.js_pop-up-link').removeClass('active');
37			$('.veil').fadeOut(200);
38			$('body').removeClass('noscroll');
39		}
40	});
41	$(document).on('click', '.js_pop-up-close', function() {
42		var linkId = $(this).attr('rel');
43		$('.pop-up').removeClass('active');
44		if (!$('.pop-up').is('.active')) $('.veil').fadeOut(200);
45		if (!$('.pop-up').is('.active')) $('body').removeClass('noscroll');
46		$('.js_pop-up-link').removeClass('active');
47	});
48
49});