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

Раздел языка JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2125
Зарегистрирован: Сб авг 11, 2012 7:39 am
Поблагодарили: 75 раз

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

Сообщение Slash » Вт июн 14, 2016 10:58 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="http://danfa.org/">Показать ссылку</span>
<span class="link" data-url="http://yandex.ru/">Показать ссылку</span>
<span class="link" data-url="http://google.com/">Показать ссылку</span> 
После того, как пользователь кликнет по фразе "Показать ссылку", он получит активную ссылку на том же месте.

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

Реклама

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость