Can't click the anchor

Can't click the anchor

Hi,

I have a problem with my jquery. This is my code:
  1. jQuery(function(){
        jQuery(".class1").toggle(function(){
            jQuery(this).animate({ height: 250 }, 'slow');
            jQuery(".class12",this).animate({ height: 250 }, 'slow');
            jQuery(".class12",this).slideDown('slow');
        },function(){
            jQuery(this).animate({ height: 100 }, 'slow');
            jQuery(".class12",this).animate({ height: 80 }, 'slow');
            jQuery(".class12",this).slideUp('slow');
        });
    });











The HTML looks like this:
<div class='class1'>
      <div class='class12'>
            <img src='images/animage.jpg'/>
            <a href='a_link.html'>Click for bigger</a>
      </div>
</div>

So div.class1 wil animate from 100px to 250px if it's clicked. However, I couldnot click the link inside this div. Everytime i click it will be animated to 100px, and I can never get the link.

How can I keep the div.class1 open so that I can click on the link??

Thank you,
Ayok