JSFiddle - React, Tailwind, and code Playground

by brianflanagan

HTML

<div class="panel">
    <img class="image_01" src="http://smhttp.14409.nexcesscdn.net/806D5E/wordpress-L/images/monsters_inc_0281-300x200.jpg" />
    <img class="image_02" src="http://www.spacejunk.org/spacejunk/wp-content/images/movies/cars2.jpg" />
</div>
<button>Click me</button>

CSS

.panel {position:relative; width:300px; height:200px;}
.panel img {position:absolute;}
button {cursor:pointer;}

JavaScript

$('button').toggle(function(){
    $('.image_02').animate({
        opacity: 0
    }, 2000);
}, function(){
        $('.image_02').animate({
        opacity: 1
    }, 2000);
});