Как добавить плавности при появлении замены слова?

Question

[an]

Как добавить плавности при появлении замены слова?
или fadein, fadeout когда меняются
Текст 3
Еще текст 3

как добавить без понятия

$(document).ready(function(){
								var i = 1;                       
								$('.nav-top__list a').each(function(){                     
								$(this).attr('id','number'+i); 
								i++;                           
								})				
								var text = ["Текст 3", "Еще текст 3"];
								var counter = 0;
								let elem2 = document.getElementById("number3");
								var inst2 = setInterval(change, 3000 , elem2 );
								function change(elem) {
								  elem.innerHTML = text[counter];
								  counter++;
								  if ( counter == text.length ) {
									counter = 0;
								  }
								}
								})

<ul class="nav-top__list">
<li class="nav-top__list-item"><a href="#" class="nav-top__link" id="number1">Текст 1</a></li>
<li class="nav-top__list-item"><a href="#" class="nav-top__link" id="number2">Текст 2</a></li>
<li class="nav-top__list-item"><a href="#" class="nav-top__link" id="number3">Текст 3</a></li>
<li class="nav-top__list-item"><a href="#" class="nav-top__link" id="number4">Текст 4</a></li>
</ul>