How do I add a second animation in jQuery?
<p>I'm trying to implement an image zooming effect (because it's in a container with overflow:hidden, increasing it's width and sliding it left should do the trick).</p>

<p>I've managed to make it increase it's width:</p>

<pre><code>/* Zoom in images */
$('img.vectimg').load(function() {
    $(this).data('width', this.width);
}).bind('mouseenter mouseleave', function(e) {
    $(this).stop().animate({
        width: $(this).data('width') * (e.type === 'mouseenter' ?  1.2 : 1)
    });
});
</code></pre>

<p>But how can I add the animation for moving it to left?
I tried appending this / but it haven't worked.</p>

<pre><code>$(this).stop().animate({
            left: $(this).position().left  + 500
        });
</code></pre>

<p>I'm a complete newbie so please don't take me hard :)</p>
