Primero ocúltalo porque cuando lo agregas va a estar visible por defecto. Luego de ocultarlo muy rápido (0ms) lo muestras nuevamente con un tiempo más prolongado:
$(db).appendTo('#databases).fadeOut(0).fadeIn(1500);
Además, de preferencia, no uses un loop para agregar contenido dinámico ya que la ejecución de un loop no esperará a que la llamada a una función termine, por el contrario continuará su ejecución, lo que puede llevar a efectos no deseados. En lugar de un for utiliza una función recursiva:
function create_db_container (i = 0) {
if (i === dbs.length - 1) { return; }
...
$(db)
.appendTo('#databases)
.fadeOut(0)
.fadeIn(1500, () => {
create_db_container(i + 1);
});
}
Para llamar otra vez a la función create_db_container
primero espera a que termine la animación para obtener un efecto tipo "reveal", esto lo hace mediante un callback a fadeIn
, el cual jQuery ejecutará una vez la animación haya sido completada.