Since you want to execute the text change and fadeIn after the
animation completes you need to use a callback...
$('.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!
