Модальное окно закрывается при нажатии на него, как сделать чтобы оно закрывалось при нажатии вне окна, при условии что у меня сделана анимация закрытия через CSS? HTML
<button id="one" class="button">Phone</button>
<div id="modal-container">
<div class="modal-background">
<div class="modal">
<h2>Phone</h2>
<input type="name" name="nameUser" id="nameUser" placeholder="Name">
<input type="number">
</div>
</div>
</div>
js
$('.button').click(function(){
var buttonId = $(this).attr('id');
$('#modal-container').removeAttr('class').addClass(buttonId);
$('body').addClass('modal-active');
})
$('#modal-container').click(function(){
$(this).addClass('out');
$('body').removeClass('modal-active');
});