Как скрыть ссылки на jQuery

Библиотека JS
Dolphin
12.06.2017 06:55:50 pm
Появилась идея написать сценарий на jQuery, который бы показывал ссылку, только после клика по фразе "Показать ссылку". Не буду много болтать, сразу покажу код: 
$('.link').click(function() {
    $(this).replaceWith(function() {
        return '<a href="' + $(this).data('url') + '" target="_blank">' + $(this).data('url') + '</a>';
    });
});

При этом сценарии ссылки пишутся так: 
<span class="link" data-url="https://danfa.net/">Показать ссылку</span>
<span class="link" data-url="https://yandex.ru/">Показать ссылку</span>
<span class="link" data-url="https://google.com/">Показать ссылку</span>

После того, как пользователь кликнет по фразе "Показать ссылку", он получит активную ссылку на том же месте.

Для выполнения сценария необходимо подключить jQuery.