Почему модальное окно закрывается само?

Question

[Павел Воронюк]

Здравствуйте и с Новым годом)

Помогите правильно написать скрипт.

Суть в чем. Есть модальное окно (https://joaopereirawd.github.io/animatedModal.js/)

В нем сделал два блока, логин и регистрация. И по нажатию на ссылку скрывается один блок и показывается второй. Но непонятно почему, после закрытия модального окна и после следующего открытия, модальное окно само закрывается.. помогите разобраться)

https://imgur.com/FkJvnL1

и код

<a href="#animatedModal" class="btn btn-action login"> LOGIN</a>

... 
<div id="animatedModal" class="modal-wrapper">
			<div class="close-animatedModal">
                <img class="closebt" src="https://joaopereirawd.github.io/animatedModal.js/img/closebt.svg">
            </div>

			<div class="modal-wrapper_login animated fadeIn">
...
				<a href="#registration" id="registration"> Registration </a>
			</div>
			<div class="modal-wrapper_registration animated fadeIn">
...
				<a href="#login" id="login"> Login </a>
			</div>
		</div>

$(".modal-wrapper_registration").hide();
			
			$("#registration").click(function() {
				$(".modal-wrapper_login").toggle();
				$(".modal-wrapper_registration").toggle();
			});
			$("#login").click(function() {
				$(".modal-wrapper_registration").toggle();
				$(".modal-wrapper_login").toggle();
			});

			$(".login").click(function() {
				$("section").addClass('blur');
			});

			$(".login").animatedModal({
				animatedIn:'bounceInUp',
				animatedOut:'bounceOutDown',
				animationDuration:'.5s',
				afterClose: function() {
					$("section").removeClass('blur');
				}
			});

Comments

[yarnstart]

У вас случаем блок
<div class="close-animatedModal">
не растягивается на всю ширину ? Похоже, что вы кликаете по нему, попытался восстановить сценарий здесь - jsfiddle.net/npaqc5b8 , работает корректно, за исключение того, что я описал вышел(блок с изображением на всю ширину, а само изображение фиксированное)