You can make use of css3 transfrom’s scale property which scales the element.
HTML
<div id='shrinkMe'>
<div id='shrink' class='content'></div>
</div>
CSS
.shrink {
-webkit-transform:scale(0.5);
-moz-transform:scale(0.5);
-ms-transform:scale(0.5);
transform:scale(0.5);
}
Script
$('#shrinkMe').click(function(){ // or other event $(this).addClass('shrink'); });