[jQuery] Anyone willing to take a look and see why this is happening?

[jQuery] Anyone willing to take a look and see why this is happening?


Hi, all...
Got some strange sliding going on.
Here's the link:
http://c21ar.wsm-dev.com/cfm/our-agents.cfm
Click on the "Click here to view or hide agent's biography" link.
The top bio slides and hides nicely. The others are just spastic.
The jQ controlling this is:
    <script type="text/javascript">
        
        $(document).ready(function() {
            
            $('div.bio-slide').find('div.biography').hide().end();
            
            $('a.showbio').each(function(i) {
                var $match = $('div.biography').eq(i);
                $(this).toggle(function() {
                    $match.slideDown('slow');
                    }, function () {
                    $match.slideUp('slow');
                    }    
                );
            });    
        });
    </script>
Ideas?
Thanks,
Rick