Как открыть и закрыть модальное окно по ссылке?

    var modal = document.getElementById('MyModal')
    var link = document.getElementById('mylink')
    var span = document.getElementsByClassName("close")[0]
 
    link.onclick = function() {
        modal.style.display = "block";
    }
    span.onclick = function() {
        modal.style.display = 'none';
    }
 
    window.onclick = function(event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }
    $(document).mouseup(function (e){
        var el = $('#MyModal'); 
        if (!el.is(e.target) && el.has(e.target).length === 0) {
            $('#MyModal').hide();
        }
    });

link.onclick = function() {
    modal.style.display = modal.style.display === "block" ? "none" : "block";
}

var $modal = $('#MyModal');
var $link = $('#mylink');
var $close = $(".close");
 
$link.on('click', function(e) {
    $modal.toggle();
    e.stopPropagation();
});
 
$close.on('click', function(e) {
    $modal.hide();
    e.stopPropagation();
});
 
$modal.on('click', function(e) {
    e.stopPropagation();
});
 
$(document).on('click', function () {
    $modal.hide();
});