Why doesn't the animation work in the callback?

Question

JavaScript

The scheme is as follows: the exit animation worked, the data changed, and then the county animation starts. But after changing the data, the animation does not work at all. Why might this be happening?

$(".topick, .date_block").fadeOut(1800)
                            $(".left_block").animate({
                                left: '-1200px'
                            }, 1800);
                            $(".right_block").animate({
                                left: '1200px'
                            }, 1800, function() {
                                console.log('anim complete')
                                $(".left_block").animate({left: '-0px'}, 1800);
                                $(".right_block").animate({left: '-0px'}, 1800);
                                
                                $(".topick, .date_block").fadeIn(1800)
                                $('body h1').empty().append(val.chef);;
                                $('body h2').empty().append(val.dolznost);;
                                $('.topick').empty().append(val.anotation);
                                $('.date_block').empty().append(val.dataRel);
                                $('.left_block').attr('src', val.url + ".jpg");
                                console.log('sdf')
                                
                            });
                        }

Answer 1

maybe because ; where it is necessary not, but in places it is subvarazasubvaraza?