JSFiddle - React, Tailwind, and code Playground

HTML

<div id='bg'>
    <img id='photo' src="http://img.pixland.uz/u11878f337693s.jpg" alt="" />
</div>

CSS

* {
    padding:0;
    margin:0;
}
html {
    background : #444;
}
#bg {
    background:#999;
}

JavaScript

var photo = $('#photo');
var html = $('html');
var bg = $('#bg');
photo.on('click', function () {
    $(this).hide()
        .delay(600)
        .fadeIn(300);
    html.add(bg).css({
        background: 'blue'
    });
});