Fade Callback on different element

[path411]

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>

[dmethvin]

Let's continue discussion on the forum. ​http://forum.jquery.com/topic/fade-callback-on-elements