Animate max-width on img [JQuery] <p>I have tried looking for a solution, but can't find anything good.</p> <p>I am customizing a blog for a friend of mine. When it loads, I want all the img's in each post to have a max-width and max-height of 150px. When the user pushes the img, the max-values should increase to 500px, which is easy enough. The problem with my code is that I can't get an animation on it, which I want. Any help out there? </p> <pre><code>var cssObj = {'max-width' : '500px','max-height' : '500px;'} $("img").click(function(){ $(this).css(cssObj); }); </code></pre>