You are a genius... I think I read that somewhere else too, but didn't take too much notice.
Cheers C On Sep 23, 11:44 pm, James <james.gp....@gmail.com> wrote: > fadeIn and fadeOut both takes a callback function (2nd parameter) that > executes when completed: > > $("#latest_tweets").fadeOut(1000, function() { > $("#weight_log").fadeIn(1000); > > }); > > On Sep 23, 12:39 pm, craigeves <craige...@googlemail.com> wrote: > > > > > lease help... > > > What I need to do is simple. > > > When I click on .log or .tweets it fades out a div and fades in > > another div. The problem I have though is that it fades in/fades out > > at the same time causing a 'bump' in the animation effect. > > > I need the first div to fade out first, and only when that has faded > > out completely can the second div fade in. > > > Here's my script. > > > Thanks in advance > > > C > > > Code: > > > $(document).ready(function(){ > > > $("#weight_log").hide(); > > $("#selector").show(); > > > $(".log").click(function () { > > $("#latest_tweets").fadeOut(1000); > > $("#weight_log").fadeIn(1000); > > > }); > > > $(".tweets").click(function () { > > $("#weight_log").fadeOut(1000); > > $("#latest_tweets").fadeIn(1000); > > > }); > > > });