No puedo agregar fade a este script

[Ozone]

Hola a todos,
estuve armando este script:

Código:

setInterval("cita()",3000);
function cita(){
var a = Math.random() + ""
var rand1 = a.charAt(5)
quotes = new Array
quotes[1] = "Cita 1"
quotes[2] = "Cita 2"
quotes[3] = "Cita 3"
var quote = quotes[rand1]
$('#micita').html(quote);
}

Lo que quiero hacer es que haga un fade cuando cambie de cita con el setInterval y no sé como hacer... probé un par de cosas como poner $('#micita').html(quote).fade();, pero no funciona... Me dan una manito con eso?


Gracias!!

[Ozone]

Probé algo así y solo me funciona con algunos efectos como FadeOut...

Código Javascript:

setInterval("cita()",3000);
function cita(){
jQuery("#micita").fadeOut(function() {
var a = Math.random() + ""
var rand1 = a.charAt(5)
quotes = new Array
quotes[1] = "Cita 1"
quotes[2] = "Cita 2"
quotes[3] = "Cita 3"
var quote = quotes[rand1]
$('#micita').html(quote);
});
}
 

Pero lo que yo quiero es solamente que haya un fade que funcione como transición entre cada load que hace el setInterval...