[jQuery] timing of animations
Hi list
I am trying to make nice effects on hovering tabs. I have a working
animations, but it break when the menu is hovered too fast,
and fire the follow error if firebug : "this.parentNode has no
properties --> this.parentNode.removeChild( this );"
I guess there is some "collision" occuring, things being animate whilst
being removes by an event fired by another tab or so.
I would like to know if it is possible to control the execution of the
animation step after step.
$('#producttabs ul li a').hover(function(){
//animate and remove the hover state from other
tabs
$('#producttabs ul li
a').filter('.flasher').animate({height: '94px'},'fast', function(){
$(this).remove()});
//creat a copy of the tab
$(this).after($(this).parent().html());
//animate the copy of the tab
$(this).next().hide().addClass('flasher').addClass('over').fadeIn('fast').animate({height:
'115px'},'fast');
},function(){}
);
-Olivier