Как я могу исчезать при смене слов с помощью .html?

Question

Я пытаюсь сделать переход плавно. Html меняется, но я хочу, чтобы он выглядел более гладко. Кто-нибудь знает как это сделать?

Мой код:

var words = ["Leergierige", "Enthousiaste", "vooruitstrevende", "innovatieve"]; 
var i = -1; 

function randomWord(){ 
    //var randomId = document.getElementById("random-word"); 

    setInterval(function(){ 
    i++ 

    $("#random-word").html(words[i]).fadeIn("slow"); 

    if (i === 3){ 
    i = -1; 
    } 
}, 2000); 

} 

Answer 1

fadeOut предыдущие слова, а затем fadeIn следующее слово.

$("#random-word").fadeOut('slow', function() { 
    $(this).html(words[i]).fadeIn("slow"); 
}); 

Demo