Moving an image 10px on hover and changing opacity
<p>I have my code below which works well but i also want to move the image down 10px and back again on mouseout as well as putting the opacity back to 0.7.</p>

<pre><code>$('#drinksList section a img').load(function() {
    $(this).data('height', this.height);
    }).bind('mouseenter mouseleave', function(e) {
        $(this).stop().animate({
            opacity: 1,
            height: $(this).data('height') * (e.type === 'mouseenter' ? 1.05 : 1)
        });
    });
</code></pre>

<p>Any help would be appreciated. </p>
