You're going to want to use callbacks... $('#word1, #story').fadeOut('fast', function(){ $("#word 1").text ("lorem"); $("#word").text("ipsum"); $('#word1, #story').fadeIn ("slow")});
$('.frame3').click(function(){ $('#story, #word1').fadeOut('fast', function(){ $('#story').text ("lorem"); $('#word1').text("ipsum"); $('#story, #word1').fadeIn ("slow")}); }); On May 14, 12:34 pm, illovich <illov...@gmail.com> wrote: > I also tried > > $(function(){ > > $('.frame3').click(function(){ > > $('#story').animate({ opacity: 'hide'}, > 'fast').css > ('background-position' , '-0px -302px').animate({ opacity: 'show'}, > 'fast'); > $('#word1').animate({ opacity: > 'hide'}, 'fast').text("I loved > you").animate({ opacity: 'show'}, 'fast'); > > }); > }) > > And that didn't work either - even though the .text method is after > the .animate method, it still happens first. Frustrating!