JSFiddle - React, Tailwind, and code Playground
HTML
<a class="external" href="http://google.com">Google</a> is a search engine, and
<a class="external" href="http://jquery.com">jQuery</a> is a Javascript library.
<div id="question-wrapper">
Would you like to continue on to
<span id="url">space where link is</span><br/>
<a id="follow">CONTINUE</a><br/>
<a id="dontfollow" href="#">STAY HERE</a>
</div>
JavaScript
$(function() {
$("#question-wrapper").hide();
$("a.external").click(function() {
var thisurl = $(this).attr('href'),
$qr = $("#question-wrapper");
$qr.fadeIn('normal');
$("#follow").attr('href', thisurl);
$("#url").html('<a href="' + thisurl + '">' + thisurl + '</a>');
$("#dontfollow").click(function() {
$qr.fadeOut('normal');
return false;
});
return false;
});
});