Salve,
dovrei modificare uno script per un popup jquery. Nell'esempio che ho trovato in rete, il popup si attiva tramite un link con data-popup-target e si chiude con la classe popup-exit su di uno span. A me però servirebbe che lo stesso link, prima aprisse e poi chiudesse il popup. Purtroppo non sono per nulla pratico di javascript e avrei bisogno di aiuto.

Vi ringrazio.

codice HTML:
<a class="popup-link" href="#" data-popup-target="#example-popup">Clicca per vedere il popup in azione</a>

<span class="popup-exit"></span>
codice:
jQuery(document).ready(function ($) {

    $('[data-popup-target]').click(function () {
        $('html').addClass('overlay');
        var activePopup = $(this).attr('data-popup-target');
        $(activePopup).addClass('visible');

    });

    $(document).keyup(function (e) {
        if (e.keyCode == 27 && $('html').hasClass('overlay')) {
            clearPopup();
        }
    });

    $('.popup-exit').click(function () {
        clearPopup();

    });

    $('.popup-overlay').click(function () {
        clearPopup();
    });

    function clearPopup() {
        $('.popup.visible').addClass('transitioning').removeClass('visible');
        $('html').removeClass('overlay');

        setTimeout(function () {
            $('.popup').removeClass('transitioning');
        }, 200);
    }

});