In the following example, both fade events start at the same time. Seems to do with the first fade event including the 2nd.

Is this a bug? If not, any ideas of a work around?

<script type="text/javascript">

function foobar(){

$('.foo').fadeOut(800, function(){

$('#bar').fadeIn(800);

});

}

$(function(){

$('#bar').hide();

$('#go').bind('click',function(){foobar();});

});

</script>

<div id="go">go</div>

<div class="foo">foo</div>

<div id="bar" class="foo">bar</div>