JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="linky">Close iFrame</a>
<a href="http://www.google.com" class="lnk">google</a>
<a href="http://www.yahoo.com" class="lnk">yahoo</a>
<a href="http://www.aol.com" class="lnk">aol</a>

<iframe name="iframe" id="iframe" frameborder="1"></iframe>

CSS

#iframe {
    display:none;
}

JavaScript

$('#linky').click(function(){
    $('#iframe:visible').hide('slow');
    $('#iframe').attr('src', '');
    return false;
});


$('.lnk').click(function() {
    var url = $(this).attr('href');
    $('#iframe').attr('src', url);
    
    $('#iframe').load(function() {
        $('#iframe:hidden').show('slow');
    });
    return false;
});