Fade in word with JQuery

Question

Я пробовал смотреть на разные блоги, но до сих пор не знаю, как это настроить. Я пытаюсь преобразовать свой оригинал в jQuery, и у меня возникают проблемы с созданием эффекта затухания, поскольку я добавляю слово и не знаю, как мне нужно изменить свой код.

Конечно, если вам нужно увидеть весь файл js, сообщите мне. Спасибо за любую помощь, ребята

function listWordsUsed(wordUsed) { 
    var userTrials = document.getElementById("userGuesses"); 
    var divisor = document.createElement("div"); 
    divisor.innerHTML = "<div id=" + wordUsed + ">" + $(this).fadeIn(5000); + "</div>"; 
    userTrials.appendChild(divisor); 
    return; 
} //End of function listWordsUsed(wordUsed) 

Answer 1

Использование полномасштабную JQuery:

function listWordsUsed(wordUsed) { 
    var userTrials = $('#userGuesses'); 
    var divisor = $("<div><div id=" + wordUsed + "></div></div>"); 
    divisor.hide().appendTo(userTrials).fadeIn(5000); 
    return; 
} //End of function 

listWordsUsed(wordUsed); 

Если вы пытаетесь добавить слово угадали, то вы должны немного изменить код:

var divisor = $("<div>" + wordUsed + "</div>"); 

Demo