title: Img animation script Uncaught TypeError in jQuery
body: <p>im trying to create a script where are thumbnails and if user moves on the thumbnail then with jQuery script the image will be enlarged in new position, in <code>div</code> to be exact. So far i´ve managed to this far, and dont know why this script doesnt work, as soon as i move on the image the console <code>Uncaught TypeError: undefined is not a function jquery.min.js:3</code> and the error amount gets infinite loop   : </p>
  
  <p>Script : </p>
  
  <pre><code>$(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});
  
  })
  });
  </code></pre>
  
  <p>And HTML : </p>
  
  <pre><code>&lt;div class='wrap'&gt;  
  &lt;ul id="st_nav" class="st_navigation"&gt;
              &lt;li class="album"&gt;
                  &lt;div class="st_wrapper st_thumbs_wrapper"&gt;
                      &lt;div class="st_thumbs"&gt;
                          &lt;?php showGallery(); ?&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/li&gt; 
          &lt;/ul&gt;
   &lt;div class='gallery'&gt;
   &lt;img id='bigImg' src='images/album/thumbs/2.jpeg'&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p></p>