Cómo deslizar jQuery una vez que la página ya se ha cargado

Tengo un problema de sincronización cuando intento deslizar mi div más información. Mi funcionalidad deseada es que el div se deslice hacia abajo desde la parte superior una vez que la página ya se ha procesado. Mi problema es si uso $ (document) .ready () .. la animación no se produce visiblemente.

Aquí está mi código:

    $(document).ready(function() {
        $(".MoreInfo").slideDown('slow');
    });

Si lo ato al clic de otro elemento, por ejemplo, funciona de maravilla. Pero no estoy seguro de cómo hacer que se deslice visiblemente hacia abajo una vez que la página se haya cargado. ¡Gracias!

Respuestas a la pregunta(3)

Su respuesta a la pregunta