JSFiddle - React, Tailwind, and code Playground

by Joanna Sobańska

HTML

<div class="big-image">
    <img class="image img1" src="http://lorempixel.com/400/200/cats/0" />
    <img class="image img2" src="http://lorempixel.com/400/200/cats/1" />    
</div>

CSS

body {
    background-color:#efefef;
}

.big-image{
    position:absolute;
    padding:15px;
    background-color:#fff;    
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    width:400px;
    height:200px;
}

JavaScript

$(".img2").hide();



$(".img1").click(function(){
    	$(this).hide();
        	$(".img2").show();
});