Java Script. Как сделать плавность?

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

Код JS

$(document).ready(function() {

    $(".popup").magnificPopup();

    //Цели для Яндекс.Метрики и Google Analytics
    $(".count_element").on("click", (function() {
        ga("send", "event", "goal", "goal");
        yaCounterXXXXXXXX.reachGoal("goal");
        return true;
    }));

    var form = $("#form");
    $("#form").submit(function() {
        var box = form.find('.message-box3');
        $.ajax({
            type: "POST",
            url: "../php/mail.php",
            data: $(this).serialize()
        }).done(function() {
            box.show();
        });
        return false;
    });
    
});

На всякий случай код HTML

<a href="#form" class="popup">Отправить заявку</a>
<div class="hidden">
	 <form id="form">
		   <input type="text" name="name" class="name" required>
		   <input type="tel" name="tel" class="tel" required>
		   <button class="btn-send">Отправить заявку</button>
     <div class="message-box3">
        	    <h3>Спасибо за заявку!</h3>
     </div>
	</form>
</div>