click link do animation then go to next page how?

click link do animation then go to next page how?

hello everyone i am completely new to jquery.. i am following the tutorials for absolute beginners and i am also searching allover google but i don't understand how to do this

i have a link

the jquery code says when my link is clicked do this animation

the problem is that when you click on the link it skips the animation and jumps to the next page. is there a way to make the animation run and when finished then go to the link page that the link anchors to?

click link
animate
then go to page

$(function() {
      $('a').click(function(){
    
            $('#yummy').animate({height: 200, width: 200}, 3000)  });


});