Fade in Despues de Cargar Contenido en div con JQUERY

Buenas , estoy tratando de aplicar un efecto fadein despues de haber cargado un contenido en un div

tengo el siguiente codigo

<div id='mensajes'></div>

y en el header tengo
<script type='text/javascript'>
$(document).ready(function(){
$('div#mensajes').fadeif('slow').load('index.php/mensajes/');
});
</script>

Esta es la idea que quiero concretizar si alguien tiene alguna forma de hacer esto posible , seria de gran ayuda .
Gracias.

No has especificado cual es tu problema, porque me parece que ya tienes el código necesario para que suceda lo que quieres. Por si te sirve, en la línea

Código Javascript :

$('div#mensajes').fadeif('slow').load('index.php/mensajes/');

has escrito fadeif en lugar de fadein, debería de quedar

Código Javascript :

$('div#mensajes').fadein('slow').load('index.php/mensajes/');