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!
