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'
});
});