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

[Rick Faircloth]

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