JSFiddle - React, Tailwind, and code Playground

by tmyie

HTML

<button type="button">Load iframes</button> 

<iframe src="http://google.com"></iframe>

<iframe src="http://php.net"></iframe>

<iframe src="http://example.com"></iframe>

CSS

iframe {
    display: block;
    background-color: grey;
    
}

JavaScript

var iframes = $('iframe');

$('button').click(function() {
    iframes.attr('src', function() {
        return $(this).data('src');
    });
});

iframes.each(function() {
    var src = $(this).attr('src');
    $(this).data('src', src).attr('src', '');
});