JSFiddle - React, Tailwind, and code Playground

by Daniel Redwood

HTML

<a href="#"><img src="http://money24-7.net/images/money2.png" /></a>
<a href="#"><img src="http://www.way2makemoneyeasy.com/wp-content/uploads/2011/07/Earn-money-quickly-online.png" /></a>
<a href="http://google.com/"><img src="http://knight.gamebanana.com/img/ico/sprays/money_2.png" /></a>
<iframe src=""></iframe>

CSS

img {
    width:100px;
    height:auto;
    margin:10px;
    opacity:.7;
}
img:hover {
    opacity:1;
}
iframe {
    width:400px;
    height:400px;
    margin:10px;
    border:0;
}

JavaScript

$('.box').click(function(){
    if (!$(this).attr('href', '#')) {
    
        var source = $(this).attr('href');
    
        $('iframe').attr('src',source);
    
        event.preventDefault();
        
    } else {
        
        $(this).fadeTo(400, 0);
    
    }
});