[nightwalker]

Добрый день, всем небезразличным

Установил на сайт виджет данной компании: http://reservi.ru/2.0/help (данный сервис позволяет сделать онлайн-запись с синхронизацией на пк. торговой точки)

Все бы ничего, если бы на моем сайте не было сразу же 2 торговые точки, а сервис заточен под каждую. Чтобы не дублировать кнопки, решил сделать одну кнопку "Запись", которая открывает модальное окно с двумя кнопками, исполняющими скрипт виджета (с ID торговой точки).

Но не в этом суть!
Суть в том, что при нажатии на кнопку торговой точки в модальном окне виджета всплывает дважды! (это можно заметить по двухэтапному затемнению).

Подскажите, пожалуйста, что я сделал не так, что скрипт открытия срабатывает дважды?
На работу виджета не влияет, но очень не хорошо смотрится, когда приходится дважды закрывать окно.

Тут данные кнопок

Первая кнопка:

<div class="order"><a href="#ChooseSalon" class="order-button">Записаться на прием online</a>
или позвоните по тел. +7 (812) <strong>телефон</strong>

Открывающиеся окна:

<div id="ChooseSalon" class="modalDialogChooseSalon">
	<div>
		<a href="#close" title="Закрыть" class="reservi-modal-close"></a>
		<div style="margin-top: 50px;">
		<a href="#modal" class="cher order-button" style="width: 100%;">Адрес первого салона</a>
		<a href="#modal" class="chka order-button" style="width: 100%;">Адрес второго салона</a>
		</div>
	</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script>
<script src="//reservi.ru/2.0/js/widget.min.js"> </script>

Чуть ниже код скрипта:

<script>	
				
		$('.cher').reservi(
			{salon: '137c7401-1bff-11e5-a21b-0800272c092e'},	// настройки работы виджета
		
			{		// настройки отображения со значениями по умолчанию
				modal_transition: 'reservi-transition-fade',	// css-скласс задающий анимацию появления окна-виджета
				width: 800,          				// ширина окна-виджета
				height: 640          				// высота окна-виджета

			}

	);	
		$('.chka').reservi(
			{salon: 'b760dd18-465b-11e5-b57c-08002711b7db'},	
		
			{		
				modal_transition: 'reservi-transition-fade',	
				width: 800,          				
				height: 640          				
			}
		);
		$('.salon-button').click( function() {
			$(this).parent().hide();
			$('#mask').hide();
$('#overlay').fadeOut(400);
		})
	</script>

Все это в одном файле. Результат можно посмотреть тут: http://bit.ly/1glGeLe

Заранее благодарю за ответы!