[jQuery] Re: Cycle Plugin - how to animate/transition of the pager nav

[Andy Ford]

I've managed to add some transition animations to the pager nav

$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
    $(pager).find('li')
                .filter('li:not('+currSlideIndex+')').removeClass('on').
                        animate({
                                height: '41',
                                width: '330'},500)
                        .css('backgroundColor','#7b99c6')
                .filter('li:eq('+currSlideIndex+')').addClass('on').
                        animate({
                                height: '143',
                                width: '522'},500)
                        .css('backgroundColor','#de4f00');
};

the problem I'm having now is the first animation completes before the
next one begins.  I'm trying to figure out how to use bind() to get
the 2 animations to work at the same time, but I can't figure out an
appropriate event to hook into...

any suggestions?  thanks you!