Img动画脚本jQuery中的Uncaught TypeError

Question

我试图创建一个缩略图的脚本，如果用户在缩略图上移动然后使用jQuery脚本，图像将在新位置放大，准确地在div。到目前为止，我已经设法到目前为止，并且不知道为什么这个脚本不起作用，只要我在控制台Uncaught TypeError: undefined is not a function jquery.min.js:3上移动图像并且错误量无限循环：

脚本：

$(function thumb_animation() {

        var thumb = $('.st_thumbs img');
        var img = $('#bigImg');

        console.log(thumb);
        thumb.on('mouseenter',function (e)
{
        var thumbSource = e.target.src;

    img.attr('src',thumbSource);
    img.show("fade", 2000);
    img.animate({height:'60%',width:'66%'}, {queue: false});


}); 

thumb.mouseleave(function() {

img.animate({height:'0%', width:'0%'}, {queue: false});

})
});

和HTML：

<div class='wrap'>  
<ul id="st_nav" class="st_navigation">
            <li class="album">
                <div class="st_wrapper st_thumbs_wrapper">
                    <div class="st_thumbs">
                        <?php showGallery(); ?>
                    </div>
                </div>
            </li> 
        </ul>
 <div class='gallery'>
 <img id='bigImg' src='images/album/thumbs/2.jpeg'>
 </div>