Load page into div. Animation timing not work

Load page into div. Animation timing not work

Hi, I jst did little webpages, with navigation that calls function for load custom pages in div

  2. function changePage(Id){     
  3.       $("#content-page").fadeOut(200);
  4.       $("#content-page").load("content_page.php", {id: Id}, function(){ $("#content-page").fadeIn(200)}); 
  5. }

  1. <div id="aboutnavi" class="active" onclick="changePage(this.id);">About</div>

  2.  <!-- CONTENT-PAGE -->
  3. <div id="content-page"></div>
  4. <!-- CONTENT-PAGE -->
Problem is in timing of fade out - load content - fade in. In my case it going to load content - fade out - fade in.
What I am doing wrong? Or is it normal?