JSFiddle - React, Tailwind, and code Playground
HTML
<div id="container">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Logo_Google_2013_Official.svg/750px-Logo_Google_2013_Official.svg.png">
</div>
CSS
img {
max-width:100%;
max-height:100%;
}
#container {
width:200px;
height:200px;
}
JavaScript
var enlarged = false;
$('#container').click(function () {
$(this).stop(true, false).animate({
width: enlarged ? 200 : 400,
height: enlarged ? 200 : 400,
left: 90,
top: 90
}, 200);
enlarged = !enlarged;
});