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, bg).css({
    background :'blue'
  });
});